Modificar a pagina

• Descrição:

Eu tenho essa pagina que é um gerador de tópicos.

Eu queria perguntar se alguém aqui consegue deixar ela mais moderna e elegante...

O conteúdo é para ficar como está... Queria sé mesmo deixar ela mais bonita e moderna...


Alguém disponível?
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

• Informações:

Fórum:

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:

PUNBB

Olá,

Usuários da BS não irão lhe oferecer propostas.
Diga o que quer, que iremos ajudar. Ou refaça o formulário.

Att,
GSCode.

GSCode escreveu:Olá,

Usuários da BS não irão lhe oferecer propostas.
Diga o que quer, que iremos ajudar. Ou refaça o formulário.

Att,
GSCode.

Não estava propriamente a pedir propostas [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Estava mais a pedir para alguém embelezar a pagina que já existe porque eu não sei fazer melhor do que está...

Existe aqui pessoas com experiencia dai o meu pedido. Queria meter as cores do fórum, meter a tabela mais pequena, ajustar os campos dos texto aos centro com os títulos por cima, etc.

Olá,

Não é possível fazer modificações na página que o senhor nos ofereceu para modificação. Bom, pelo menos eu não consegui.

Att,
GSCode.

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] quer o HTML da pagina para ver?

Olá,

Não vai adiantar, esse HTML foi o senhor que fez? Recomendo-lhe refazer... Possível é, porém eu não consegui.

Att,
GSCode.

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] ok obrigado na mesma. Eu apenas adaptei...

Sou programador já avançado em VB.net e C# mas em HTML, JS, CSS eu só sei o básico mesmo... Fazer de novo ficaria igual e não adietava nada.

Olá,

Deseja esperar outra pessoa tentar ajudar?

Até mais. 

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] eu gostava sim. Mas estou a ver que é difícil

Certo... [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] pode nos ajudar?

Antes de qualquer alteração faça um backup da sua pagina. depois troque por essa:

Código:

<style>
    .tabela {
        margin: 0 auto;
        border: 1px solid #ccc;
    }
   
    .tabela tr td {
        padding: 5px
    }
   
    .tabela tr:nth-child(odd) {
        background-color: #DFDFDF;
    }
   
    .tabela tr:nth-child(even) {
        background-color: #fff;
    }
   
    .tabela textarea,
    .tabela input {
        -moz-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
        -webkit-box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
        background: #FCFCFC;
        border: 1px solid #D4D4D4;
        box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 3px;
        color: #9F9F9F;
        font-size: 16px;
        font-weight: 700;
        padding: 5px!important;
        text-shadow: #fff 0 1px 0;
        margin: 5px 0 5px 0!important;
    }
   
    #gen {
        width: 99%
    }
   
    .main-content {
        margin: 0 auto;
        text-align: center
    }
</style>
<script type="text/javascript">
    function doStuff()

    {

        var txt = "";

        document.getElementById("gen").value = "";



        if (document.getElementById("title").value != "") {

            txt += "[center][size=18][b]";

            txt += document.getElementById("title").value;

            txt += "[/b][/size]\n\n";

            document.getElementById("gen").value += txt;

        }



        if (document.getElementById("boxart").value != "") {

            txt = "[img]";

            txt += document.getElementById("boxart").value; //Add boxart

            txt += "[/img]\n\n\n";

            document.getElementById("gen").value += txt;

        }

        if (document.getElementById("cr").value != "") {

            txt = "";

            txt += ":creditos:\n\n";

            txt += document.getElementById("cr").value; //Add info

            txt += "\n\n\n\n";

            document.getElementById("gen").value += txt;

        }

        if (document.getElementById("info").value != "") {

            txt = "";

            txt += ":info:\n\n";

            txt += document.getElementById("info").value; //Add info

            txt += "\n\n\n\n";

            document.getElementById("gen").value += txt;

        }



        if (document.getElementById("sshot1").value != "") {

            txt = "";

            txt += ":screens:\n\n";

            txt += document.getElementById("sshot1").value;

            txt += "\n";

            document.getElementById("gen").value += txt;

        }



        if (document.getElementById("sshot2").value != "") {

            txt = "";

            txt += document.getElementById("sshot2").value;

            txt += "\n";

            document.getElementById("gen").value += txt;

        }




        if (document.getElementById("sshot3").value != "") {

            txt = "";

            txt += document.getElementById("sshot3").value;

            txt += "\n";

            document.getElementById("gen").value += txt;

        }




        if (document.getElementById("sshot4").value != "") {

            txt = "";

            txt += document.getElementById("sshot4").value;

            txt += "\n";

            document.getElementById("gen").value += txt;

        }




        if (document.getElementById("sshot5").value != "") {

            txt = "";

            txt += document.getElementById("sshot5").value;

            txt += "\n";

            document.getElementById("gen").value += txt;

        }

        if (document.getElementById("trail").value != "") {

            txt = "";

            txt += "\n\n\n:trailer:\n\n";
            txt += "[youtube]";
            txt += document.getElementById("trail").value;
            txt += "[/youtube]";

            document.getElementById("gen").value += txt;

        }




        if (document.getElementById("downlinks").value != "") {

            txt = "";

            txt += "\n\n\n:download:\n\n";

            txt += document.getElementById("downlinks").value;

            if (document.getElementById("100").checked == true) {
                txt += "\n:zippy:";
            }

            if (document.getElementById("101").checked == true) {
                txt += "\n:sends:";
            }
            // http://www.tugavicio.com
            document.getElementById("gen").value += txt;

        }



        if (document.getElementById("pass").value != "") {

            txt = "";

            txt += "\n\n\n:password:\n\n";

            txt += "[code]";

            txt += document.getElementById("pass").value;

            txt += "[/code]";

            document.getElementById("gen").value += txt;

        }



        if (document.getElementById("nota").value != "") {

            txt = "";

            txt += "\n\n\n:notasdicas:\n\n";

            txt += document.getElementById("nota").value; //Add nota   

            document.getElementById("gen").value += txt;

        }



        txt = "";

        txt += "[/center]";

        document.getElementById("gen").value += txt;

    }
</script>
<div class="maintitle">
    <div class="maintitle_3">
        <div class="cat_left">
            <div class="cat_right">
                <div class="main_text">
                    <h2>Gerador de Tópicos</h2></div>
            </div>
        </div>
    </div>
</div>
<div class="main-content">
    <link rel="shortcut icon" href="http://picturestack.com/530/558/2DjlogosemfunikO.ico"><span style="font-size: 180%"><span style="color: #000099; font-weight: bold"> Gerador de Tópicos</span></span> <br>
    <p><span style="color: #cc0000; font-size: 130%"><span style="font-weight: bold">Tuga Vicio</span></span>
    </p><br>

    <img alt="" src="http://i.imgur.com/Tn6aW4s.png"><br>

    <br>

    <form name="frm" action="postgen.html#">

        <table border="0" cellspacing="0" cellpadding="0" class="tabela">
            <tbody>

                <tr>

                    <td><strong>Nome/Release:</strong></td>
                    <td><input id="title" value="" maxlength="200" size="65" type="text"></td>
                </tr>
                <tr>
                    <td><strong>Link Imagem:</strong></td>
                    <td><input id="boxart" value="" maxlength="200" size="65" type="text"></td>
                </tr>
                <tr>
                    <td><strong>Créditos:</strong></td>
                    <td><input id="cr" value="" maxlength="200" size="65" type="text"></td>
                </tr>
                <tr>
                    <td><strong>Info:</strong></td>
                    <td><textarea id="info" cols="49" rows="5"></textarea></td>
                </tr>
                <tr>
                    <td><strong>Screenshots:</strong></td>
                    <td><input id="sshot1" maxlength="200" size="65" type="text"><br>
                        <input id="sshot2" maxlength="200" size="65" type="text"><br>
                        <input id="sshot3" maxlength="200" size="65" type="text"><br>
                        <input id="sshot4" maxlength="200" size="65" type="text"><br>
                        <input id="sshot5" maxlength="200" size="65" type="text"><br>
                    </td>
                </tr>
                <tr>
                    <td><strong><a title="Exemplo: http://www.youtube.com/watch?v=qtZhuOhYC6E" target="_blank" style="cursor: help; color: blue;">Trailer (Link Youtube):</a></strong></td>
                    <td><input id="trail" value="" maxlength="100" size="65" type="text"></td>
                </tr>
                <tr>
                </tr>
                <tr>
                    <td><strong>Links para o Download:<strong></strong></strong>
                    </td>
                    <td><textarea id="downlinks" cols="49" rows="10"></textarea></td>
                </tr>
                <tr>
                    <td><strong>Links:</strong>
                    </td>
                    <td> <input name="radio" id="100" accesskey="1" tabindex="1" value="100" type="radio">
                        <label for="100"><strong><a href="http://www.zippyshare.com/" title="O que é isto?" target="_blank" style="cursor: help; color: blue;">Zippyshare<br>
  </a></strong></label>
                        <input name="radio" id="101" value="101" accesskey="2" tabindex="2" type="radio"> <label for="101"><strong><a href="http://adf.ly/1780634/http://www.sendspace.com/" title="O que é isto?" target="_blank" style="cursor: help; color: blue;">Sendspace<br>
 </a> </strong></label>
                        <input name="radio" id="102" accesskey="3" tabindex="3" value="3" checked="checked" type="radio">
                        <strong>Nenhum dos anteriores</strong>
                    </td>
                </tr>
                <tr>
                </tr>
                <tr>
                    <td><strong>Password:</strong></td>
                    <td><input id="pass" value="" maxlength="100" size="65" type="text"></td>
                </tr>
                <tr>
                    <td><strong>Notas/Dicas:</strong></td>
                    <td><textarea id="nota" cols="49" rows="5"></textarea></td>
                </tr>
                <tr>
                    <td colspan="2">
                        <center><input onclick="doStuff()" value="Gerar Tópico" type="button"></center>
                    </td>
                </tr>
                <tr>
                    <td colspan="2"> <textarea id="gen" cols="69" rows="10">Aqui irá será gerado o tópico, depois de clicar em "Gerar Tópico" copie tudo e cole no seu novo Tópico</textarea>
                    </td>
                </tr>
            </tbody>
        </table>
    </form>




    </center>
</div>

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] muito obrigado... Ficou com um aspeto mais profissional...
Era mesmo isto

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]