• lservio01

    (@lservio01)


    Olá! Galera na humildade fiz um site com php e CSS…Quero que ele seja meu tema wordpress venho acompanhado alguns videos mais estou batendo cabeça por que ele aparece todos desconfigurado quando tento ativar no wordpress.

    Segue meu código pra ver se eu estou fazendo certo…eu sou iniciante em wordpress:

    Index.php

    <?php get_header(); ?>

    <div id=”content”>

    <div id=”menu”>

    <div id=”dentromenu”>
    HOME
    PROJETOS
    EQUIPE
    PORTFÓLIO
    CLIENTES
    MÍDIA
    CONTATO

    </div>
    <!–dentromenu–>
    </div><!–menu–>

    <div id=”content_bloco”>
    <div id=”example”>
    <div id=”slides”>
    <div class=”slides_container”>
    <img src=”img/slide-1.jpg” width=”919″ height=”270″ alt=”Slide 1″>
    <img src=”img/slide-2.jpg” width=”919″ height=”270″ alt=”Slide 1″>
    <img src=”img/slide-3.jpg” width=”919″ height=”270″ alt=”Slide 1″>
    <img src=”img/slide-4.jpg” width=”919″ height=”270″ alt=”Slide 1″>
    <img src=”img/slide-5.jpg” width=”919″ height=”270″ alt=”Slide 1″>
    <img src=”img/slide-6.jpg” width=”919″ height=”270″ alt=”Slide 1″>
    </div>
    <img src=”img/arrow-prev.png” width=”24″ height=”43″ alt=”Arrow Prev” /><img src=”img/arrow-next.png” width=”24″ height=”43″ alt=”Arrow Next”> </div>
    <img src=”img/example-frame.png” alt=”Example Frame” name=”frame” width=”739″ height=”341″ id=”frame”> </div>
    </div>

    <!–content_bloco–>
    <div id=”content_bemvindo”>
    <img src=”imagens/bemvindo.png” alt=”” />
    </div>
    <!–content_bemvindo–>
    <div id=”content_siderbar”>
    <p>
    nananaananananananannnnnnnnnnnnnnnnnnnnanananan.
    </p>
    Saiba Mais

    </div><!–content_siderbar–>

    </div><!–content–>

    <?php get_footer(); ?>

    </body>
    </html>

    header.php

    <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
    <html xmlns=”http://www.w3.org/1999/xhtml”&gt;
    <head>
    <meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />
    <title>upblog</title>

    <style type=”screen”> @import url (<?php bloginfo(‘stylesheet_url’);?> <\style>

    <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js”></script&gt;
    <script src=”http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js”></script&gt;
    <script src=”js/slides.min.jquery.js”></script>
    <script>
    $(function(){
    $(‘#slides’).slides({
    preload: true,
    preloadImage: ‘img/loading.gif’,
    play: 5000,
    pause: 2500,
    hoverPause: true
    });
    });
    </script>

    <style type=”text/css”>
    <!–
    body {
    background-color: #FFFFFF;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    }
    –>
    </style></head>

    <body>
    <div id=”box”>

    <div id=”header”>

    <div id=”header_logo”>
    <img src=”imagens/logo.png” alt=”” />

    </div><!–header_logo–>

    <div id=”header_face”>
    <img src=”imagens/face.png” alt=”” />

    </div><!–header_face–>

    <div id=”header_twitter”>
    <img src=”imagens/twitter.png” alt=”” />

    </div><!–header_twitter–>

    <div id=”header_projeto”>
    <img src=”imagens/projeto.png” alt=”” />

    </div><!–header_projeto–>

    <div id=”header_menu”>

    </div><!–header_menu–>

    <div id=”header_menu1″>

    </div><!–header_menu1–>

    <div id=”header_bemvindo”>

    </div><!–header_bemvindo–>
    </div><!–header–>

    style.css

    Theme Name: upb’log
    Theme URI: http://www.macro.com.br
    Author: Lucas
    Author URI: http://wordpress.org/
    Description: Este tema foi feito para o site da Macro
    Version: 1.4
    Tags: Blog
    */

    /*RESET*/
    *{
    margin: 0;
    padding:0;
    }

    /*header*/

    #header{ width: 100%; height:70px; background-image: url(imagens/topo.jpg); background-repeat:repeat-x; margin: -20px 0 0 0px;

    }

    #header_logo{ margin: 90px 0 0 200px; float:left}

    #header_face{ margin: 100px 0 0 205px; float:left}

    #header_twitter{ margin: 99px 0 0 15px; float:left}
    #header_projeto{ margin: 37px 0 0 50px; float:left}

    #header_menu{}
    .links1 }
    #header_menu1 {}
    .links2 {}

    #header_bemvindo { }

    /*menu*/
    #menu {width: 600px; height: 43px; background-image:url(imagens/menu.jpg); margin: 120px 0 0 205px;}

    #dentromenu {width: 100%; height: 70px; margin: 0 auto; padding-top: 10px; margin: 0px 0 0 4px;}
    .links {color:#FFFFFF; font; Georgia, “Times New Roman”, Times, serif; font-size: 15px; font-weight: bold;
    text-decoration:none; padding: 7px;}

    /*menu*/
    #content

    #content_bloco

    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
    :focus { outline:0; }
    a:active { outline:none; }
    ol,ul { list-style:none; }
    table { border-collapse:separate; border-spacing:0; }
    caption,th,td { text-align:left; font-weight:normal; }
    blockquote:before,blockquote:after,q:before,q:after { content:””; }
    blockquote,q { quotes:”” “”; }

    /*
    Page style
    */

    body {
    font:normal 62.5%/1.5 Helvetica, Arial, sans-serif;
    letter-spacing:0;
    color:#434343;
    padding:20px 0;
    position:relative;
    text-shadow:0 1px 0 rgba(255,255,255,.8);
    -webkit-font-smoothing: subpixel-antialiased;
    }

    #content_bloco {
    width:970px;
    padding:10px;
    margin:0 auto;
    position:relative;
    z-index:0;
    }

    #example {
    width:600px;
    height:350px;
    position:relative;
    }

    #ribbon {
    position:absolute;
    top:-3px;
    left:-15px;
    z-index:500;
    }

    #frame {
    position:absolute;
    z-index:0;
    width:1167px;
    height:341px;
    top:-3px;
    left:-120px;
    }

    /*
    Slideshow
    */

    #slides {
    position:absolute;
    top:15px;
    left:4px;
    z-index:100;
    }

    /*
    Slides container
    Important:
    Set the width of your slides container
    Set to display none, prevents content flash
    */

    .slides_container {
    width:918px;
    overflow:hidden;
    position:relative;
    display:none;
    }

    /*
    Each slide
    Important:
    Set the width of your slides
    If height not specified height will be set by the slide content
    Set to display block
    */

    .slides_container a {
    width:1570px;
    height:270px;
    display:block;
    }

    .slides_container a img {
    display:block;
    }

    /*
    Next/prev buttons
    */

    #slides .next,#slides .prev {
    position:absolute;
    top:107px;
    left:-39px;
    width:24px;
    height:43px;
    display:block;
    z-index:101;
    }

    #slides .next {
    left:932px;
    }
    Pagination
    */

    .pagination {
    margin:26px auto 0;
    width:100px;
    }

    .pagination li {
    float:left;
    margin:0 1px;
    list-style:none;
    }

    .pagination li a {
    display:block;
    width:12px;
    height:0;
    padding-top:12px;
    background-image:url(../img/pagination.png);
    background-position:0 0;
    float:left;
    overflow:hidden;
    }

    .pagination li.current a {
    background-position:0 -12px;
    }

    #content_bemvindo
    { margin: -30px 0 0 410px; float:left}

    #content_siderbar {width: 30%; height: 70px; color:#666666; font; Georgia, “Times New Roman”, Times, serif; font-size: 15px; font-weight: bold;
    text-decoration:none; padding: 230px; margin: -230px 0 0 480px; }

    .links1 {color:#FF6600; font; Georgia, “Times New Roman”, Times, serif; font-size: 15px; text-decoration:underline; font-weight: bold; padding: 0px; margin: 0px 0 0 0px; float:left}

    /*menu*/
    #footer{ position:absolute;

    bottom: 0px;

    left:0px;
    width: 100%; height:45px; background-image: url(imagens/rodape.jpg); background-repeat:repeat-x; margin: 0px 0 0 0px;}

    #footer_ass{width: 150px; height: 55px; background-image:url(imagens/menu1.png); margin: -55px 0 0 1025px;}

    .links2 {color:#FFFFFF; font; Georgia, “Times New Roman”, Times, serif; font-size: 15px; font-weight: bold;
    text-decoration:none; padding: 0px; margin: 30px 0 0 40px; float:left}

    #footer_ass1{width: 150px; height: 55px; background-image:url(imagens/menu2.png); margin: -55px 0 0 850px;}
    .links3 {color:#FFFFFF; font; Georgia, “Times New Roman”, Times, serif; font-size: 15px; font-weight: bold;
    text-decoration:none; padding: 0px; margin: -20px 0 0 30px;float:left}

    #footer_txt{color:#FFFFFF; font; Georgia, “Times New Roman”, Times, serif; font-size: 13px; text-decoration:none; font-weight: bold; padding: 7px; margin: 6px 0 0 225px}

Visualizando 1 resposta (de um total de 1)
  • lservio01,

    qual problema específico vc está tendo? Faça uma pergunta mais concisa, pra gente te ajudar de um jeito mais focado.

Visualizando 1 resposta (de um total de 1)

O tópico ‘Erro no tema’ está fechado para novas respostas.