Ir para conteúdo
Fórum Script Brasil

jonata55

Membros
  • Total de itens

    4
  • Registro em

  • Última visita

Posts postados por jonata55

  1. Consigo colocar a BOX sem problema, porem quando faço isso o espaço era para aparecer a noticia fica fora do modelo desejado.

    è o seguinte vou colocar os arquivos aqui, avaliem e me digam onde eu concerto isso:

    Esse o STYLE.CSS, faz ligação com GRID.CSS

    @import"reset.css";
    @import"pro_pages_style.css";
    @import"grid.css";
    @import"forms.css";
    @import"prettyPhoto.css";
    @import"jquery.snippet.min.css";
    @import"skin/blue.monday/jplayer.blue.monday.css";
    @import"css/smoothness/jquery-ui-1.8.17.custom.css";
    @import"superfish.css";
    body {
        font:13px/24px "Trebuchet MS", Arial, Helvetica, sans-serif;
        color:#787878;
        position:relative;
        min-width:980px;
        background:url(images/tail-body.gif);
    }
    html, body {
        height:100%;
    }
    /* Global Structure---------------------------------------- */
    .main {
        margin:0 auto;
        width:950px;
        position:relative;
    }
    .container_24 {
        position:relative;
    }
    /*----- txt,links,lines,titles -----*/
    
    h1, h2, h3, h4, h5, h6 {
        font-family: 'Tinos', serif;
        color:#222222;
        font-weight:normal;
        padding-bottom:16px;
        text-shadow:1px 1px 2px #c6c6c6;
        letter-spacing:-1px
    }
    h1 {
        font-size:45px;
        line-height:48px;
    }
    h2 {
        font-size:41px;
        line-height:44px;
    }
    h3 {
        font-size:36px;
        line-height:38px;
        padding-bottom:26px
    }
    h4 {
        font-size:24px;
        line-height:28px;
        padding-bottom:16px
    }
    h5 {
        font-size:18px;
        line-height:24px;
        text-shadow:none;
        padding-bottom:7px
    }
    h6 {
        font-size:16px;
        line-height:22px;
    }
    a {
        color:#787878;
        outline:none;
        cursor:pointer;
        text-decoration:none
    }
    a:focus {
        outline:none;
    }
    a:hover {
        text-decoration:inherit
    }
    .clear {
        clear:both;
        line-height:0;
        font-size:0;
        overflow:hidden;
        height:0;
        width:100%;
        margin:0;
        padding:0;
        display:block;
    }
    .wrapper {
        width:100%;
        overflow:hidden;
        position:relative;
    }
    .extra-wrap {
        overflow:hidden;
        display:block;
    }
    p {
        padding-bottom:24px;
    }
    p > a {
        color:#000;
        font-weight:bold;
        text-decoration:underline
    }
    p > a:hover {
        text-decoration:none
    }
    .p0 {
        padding-bottom:0 !important;
    }
    .p {
        padding-top:1px
    }
    .p1 {
        padding-top:2px
    }
    .p2 {
        padding-top:3px
    }
    .p3 {
        padding-top:4px
    }
    .p4 {
        padding-top:5px
    }
    .p5 {
        padding-top:6px
    }
    .p6 {
        padding-top:7px
    }
    .p7 {
        padding-top:8px
    }
    .p8 {
        padding-top:9px
    }
    .p9 {
        padding-top:10px
    }
    .p10 {
        padding-top:11px
    }
    .p11 {
        padding-top:12px
    }
    .p12 {
        padding-top:14px
    }
    .p13 {
        padding-top:16px
    }
    .p14 {
        padding-top:18px
    }
    .p15 {
        padding-top:20px
    }
    .p16 {
        padding-top:22px
    }
    .padd-1 {
        padding-top:24px;
    }
    .padd-2 {
        padding:7px 0 18px 59px;
    }
    .padd-3 {
        padding-right:30px;
    }
    .m1 {
        margin-top:-1px
    }
    .m2 {
        margin-top:-3px
    }
    .m3 {
        margin-top:-5px
    }
    .fleft {
        float:left
    }
    .fright {
        float:right
    }
    .alignright {
        text-align:right
    }
    .aligncenter {
        text-align:center
    }
    .overflow {
        overflow:hidden
    }
    .line-h {
        line-height:16px;
    }
    .line-h1 {
        line-height:20px;
    }
    .color-1 {
        color:#d1d1d1
    }
    .color-2 {
        color:#b5b5b5
    }
    .color-3 {
        color:#575757
    }
    .color-4 {
        color:#787878 !important
    }
    .text-t {
        text-transform:uppercase
    }
    .d-block {
        display:block
    }
    .d-in-block {
        display:inline-block
    }
    .z1 {
        z-index:1
    }
    .z2 {
        z-index:2
    }
    .z3 {
        z-index:3
    }
    /* Typography */
    
    
    /*********************************boxes**********************************/
    article.a1 {
        margin:0 10px;
    }
    .spacer {
        margin:0 10px 0 0 !important;
    }
    .spacing {
        padding:0 0 25px 0;
    }
    .img-indent {
        float:left;
        margin:1px 20px 0 0;
    }
    .img-indent1 {
        float:left;
        margin:5px 20px 0 0;
    }
    .img-indent2 {
        float:left;
        margin:3px 16px 0 0;
    }
    .img-indent3 {
        float:left;
        margin:5px 20px 0 0;
    }
    .img-indent-bot {
        margin-bottom:35px;
    }
    .img-indent-l {
        float:left;
        margin:3px 20px 0 0;
    }
    .img-indent-r {
        float:right;
        margin:3px 0 0 20px;
    }
    .indent-in {
        padding:5px;
    }
    .inner-r {
        padding-right:12px;
    }
    /*********************************header*************************************/
    
    #page1 header {
        background:url(images/tail-top.gif) repeat-x 0 0 #fff;
        padding-top:3px;
        padding-bottom:0px
    }
    header {
        background:url(images/tail-top1.gif) repeat-x 0 0 #fff;
        position:relative;
        padding-top:3px;
        padding-bottom:8px
    }
    .logo {
        display:inline-block;
        width:204px;
        height:57px;
        background:url(images/logo.png) no-repeat center 0;
        overflow:hidden;
        text-indent:-999em;
        float:left;
        margin-left:2px
    }
    nav {
        position:relative;
        z-index:25;
        float:right;
        padding:9px 14px 0 0;
    }
    #page1 .glow-1 {
        min-height:325px
    }
    .glow-1 {
        padding-top:37px;
        background:url(images/glow-1.png) no-repeat center 0;
        min-height:104px
    }
    /********************** Content style ************************/
    
    section#content {
        padding:56px 0 47px;
        background:#fff;
        position:relative;
        z-index:20;
    }
    #page1 section#content {
        padding:41px 0 0;
    }
    #page2 section#content, #page3 section#content, #page4 section#content {
        padding:56px 0 0;
    }
    #page5 section#content {
        padding:56px 0;
    }
    .inner-1 {
        padding:20px;
    }
    .inner-2 {
        padding-left:21px;
    }
    .inner-3 {
        padding-left:40px;
    }
    .row-1 {
        padding-bottom:38px
    }
    #page4 .row-1 {
        padding-bottom:46px
    }
    #page4 .row-2 {
        padding-bottom:15px
    }
    #page1 .row-2 {
        padding-bottom:1px
    }
    .row-2 {
        background:#f7f9f7;
        padding-top:44px;
        padding-bottom:34px
    }
    #page2 .row-2 {
        padding-top:43px
    }
    .w1 {
        width:120px;
    }
    .box-new {
        background:#222222;
        display:block;
        padding:14px 12px 13px
    }
    .box-new .date {
        background:#040404;
        width:58px;
        text-align:center;
        color:#fff;
        text-transform:uppercase;
        display:inline-block;
        padding:8px 0 4px;
    }
    .box-new .date span {
        display:block;
        font-size:12px;
        line-height:14px
    }
    .box-new .date strong {
        display:block;
        font-size:30px;
        line-height:32px;
        margin-top:-4px
    }
    .box-new p strong a {
        color:#fff;
        display:inline-block
    }
    .box-new p strong a:hover {
        text-decoration:underline
    }
    .box-new p {
        display:inline-block;
        padding:16px 1px 0 9px;
        color:#606060;
        width:730px
    }
    .txt-1 {
        font-weight:bold;
        color:#b5b5b5
    }
    .date-1 {
        font-family: 'Tinos', serif;
        text-align:center;
        color:#000;
        text-shadow:1px 1px 2px #bfbdbd;
        padding-top:8px;
        display:block
    }
    .date-1 span {
        display:block;
        font-size:12px;
        text-transform:uppercase;
        line-height:14px
    }
    .date-1 strong {
        display:block;
        font-size:30px;
        text-transform:uppercase;
        line-height:32px;
        margin-top:-3px
    }
    .box-1 {
        width:230px;
        float:left;
        padding:5px 5px 23px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .box-1 figure {
        margin-bottom:4px
    }
    .box-1 .link-2 {
        color:#787878
    }
    .box-img {
        padding:4px;
        background:#dadada;
        display:inline-block;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .box-1:hover {
        background:#fff
    }
    .box-1:hover .box-img {
        background:#f0f0f0;
    }
    .border-1 {
        background:url(images/border-1.gif) repeat-y 0 0
    }
    /********************** aside ************************/
    aside {
        background:url(images/tail-aside.gif);
        border-top:8px solid #030303;
    }
    aside h5 {
        color:#fff
    }
    .list-aside {
    }
    .list-aside li {
        line-height:24px
    }
    .list-aside li a {
        color:#787878;
        display:inline-block;
    }
    .list-aside li a:hover {
        color:#fff
    }
    .glow-2 {
        background:url(images/glow-2.png) no-repeat center bottom;
        padding:27px 0 34px
    }
    /********************** links ************************/
    .link-1 {
        color:#222222;
        font-size:13px;
        line-height:16px;
        display:inline-block;
        background:url(images/bg-link1.png) no-repeat 0 0px;
        padding:2px 0 4px 25px;
        text-decoration:none
    }
    .link-1:hover {
        background:url(images/bg-link1.png) no-repeat 0 -39px;
        text-decoration:none
    }
    .link-2 {
        display:inline-block;
        background:none;
        padding:0;
        width:auto;
        text-decoration:none;
        color:#b5b5b5;
        font-size:13px;
        line-height:24px;
    }
    .link-2:hover {
        color:#00a8c2 !important;
        text-decoration:underline
    }
    .link-3 {
        color:#181818;
        display:inline-block;
        font-size:24px;
        line-height:28px;
        text-decoration:none;
        margin-bottom:3px;
    }
    .link-3:hover {
        text-decoration:underline
    }
    .button {
        background:url(images/tail2-button.gif) repeat-x 0 0 #222222;
        box-shadow: 1px 1px #000;
        -moz-box-shadow: 1px 1px #000;
        -webkit-box-shadow: 1px 1px #000;
        padding:4px;
        display:inline-block;
        border-left:1px solid #313131;
    }
    .button span {
        background:url(images/tail1-button.gif) repeat-x 0 0 #000000;
        border-left:1px solid #0d0d0d;
        box-shadow: 1px 1px #313131;
        -moz-box-shadow: 1px 1px #313131;
        -webkit-box-shadow: 1px 1px #313131;
        color:#fff;
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        display:inline-block;
        font-size:13px;
        line-height:18px;
        color:#fff;
        position:relative;
        text-decoration:none !important;
        padding: 8px 20px 9px;
        font-weight:normal;
    }
    .button:hover {
        background:url(images/tail2-button.gif) repeat-x 0 bottom #222222;
    }
    .button:hover span {
        background:url(images/tail1-button.gif) repeat-x 0 bottom #272727;
    }
    .button-1 {
        background:#e1ded9;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        padding:9px 12px 7px;
        display:inline-block;
        font-size:12px;
        line-height:18px;
        border-radius:6px;
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        color:#000;
        font-weight:bold;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        box-shadow: 1px 1px #b9b7b2;
        -moz-box-shadow: 1px 1px #b9b7b2;
        -webkit-box-shadow: 1px 1px #b9b7b2;
        text-transform:uppercase;
    }
    .button-1:hover {
        background:#7a7a7a;
        color:#fff
    }
    /* Accordion */
    dl#accordion-1 {
        list-style-type:none;
        margin:0 0 3px;
        padding:0;
        height:auto !important;
        background:url(images/tail-1.gif) repeat-x 0 bottom;
        width:270px;
    }
    dl#accordion-1 a {
        display:block;
    }
    dl#accordion-1 dt {
        margin:0px;
        padding:13px 0 15px !important;
        line-height:22px;
        background:url(images/tail-1.gif) repeat-x 0 0
    }
    dl#accordion-1 > dt > a {
        font-family: 'Tinos', serif;
        color:#222222;
        padding:0;
        font-weight:normal;
        display:block;
        font-size:20px;
        text-decoration:none;
        font-style:normal;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        text-shadow:1px 1px 2px #c9c9c9
    }
    dl#accordion-1 > dt > a:hover {
        color:#b4b4b4
    }
    dl#accordion-1 dt.active a {
        color:#b4b4b4
    }
    dl#accordion-1 dd {
        display:none;
        margin-bottom:0;
        padding-left:0
    }
    dl#accordion-1 dd .indent {
        padding:4px 0 22px 0 !important
    }
    /* tabs ======= */
    .tabs-1 {
        height:243px !important;
        position:relative;
    }
    .tabs-1 .tab-content1 {
        padding-top:17px;
    }
    .tabs-1 .tab-content1 p {
        padding-bottom:19px
    }
    .tabs-menu {
        display:block;
        overflow:hidden;
        background:#fbfcfb;
        padding:5px;
        border:1px solid #ececec
    }
    .tabs-menu li {
        line-height:20px;
        display:inline-block;
        margin-right:2px;
    }
    .tabs-menu li.last {
        border:none;
    }
    .tabs-menu li a {
        font-family: 'Tinos', serif;
        color:#000;
        font-size:20px;
        text-shadow:1px 1px 1px #bbbbbb;
        padding:12px 19px 14px;
        display:block;
    }
    .tabs-menu li a:hover, .tabs-menu li.selected a {
        color:#fff;
        background:url(images/tail-tab-li.gif) repeat-x 0 0 #242424;
        text-shadow:none;
        box-shadow: 1px 1px 1px #b6b5b5;
        -moz-box-shadow: 1px 1px 1px #b6b5b5;
        -webkit-box-shadow: 1px 1px 1px #b6b5b5;
    }
    /******************* carousel ***************/
    
    .carousel-box {
        height:257px;
        padding:8px 0 0px;
        width:960px;
        position:relative;
    }
    .carousel-1 {
        width:960px !important;
        height:260px;
        overflow:hidden;
    }
    .carousel-1 li {
        width: 230px !important;
        height: 260px;
        margin:0 5px;
        position:relative;
    }
    .carousel-1 li .link-2 {
        color:#787878
    }
    .carousel-1 li .link-2:hover {
        color:#00a8c2
    }
    .carousel-1 ul {
        overflow:hidden;
    }
    .carousel-1 figure {
        margin-bottom:22px;
    }
    .carousel-1 img {
        width:  222px;
        height: 121px;
        position:relative;
    }
    #next, #prev {
        display: block;
        height: 21px;
        width: 21px;
        top: -39px;
        position: absolute;
        cursor:pointer;
        z-index:10
    }
    #next {
        background: url(images/next.png) no-repeat 0 0;
        right: 1px;
    }
    #next:hover {
        background: url(images/next.png) no-repeat 0 bottom;
    }
    #prev {
        right:25px;
        background:url(images/prev.png) no-repeat 0 0;
    }
    #prev:hover {
        background:url(images/prev.png) no-repeat 0 bottom;
    }
    .disabled {
        cursor:default !important;
    }
    #next.disabled:hover {
        background: url(images/next.png) no-repeat 0 0;
    }
    #prev.disabled:hover {
        background:url(images/prev.png) no-repeat 0 0;
    }
    /*  Lists */
    
    .list-1 {
    }
    .list-1 li {
        line-height:24px;
        background:url(images/tail-1.gif) repeat-x 0 bottom;
        display:block;
        padding:0 0 9px;
        margin-bottom:5px
    }
    .list-1 li a {
        background:url(images/marker-1.png) no-repeat 0 6px;
        padding-left:28px;
        font-size:13px;
        color:#b5b5b5;
        display:inline-block;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        font-weight:bold
    }
    .list-1 li a:hover {
        color:#00a8c2;
    }
    .list-2 {
        background:url(images/tail-1.gif) repeat-x 0 bottom;
    }
    .list-2 li {
        margin:0px;
        padding:13px 0 15px;
        line-height:22px;
        background:url(images/tail-1.gif) repeat-x 0 0
    }
    .list-2 li a {
        font-family: 'Tinos', serif;
        color:#222222;
        padding:0;
        font-weight:normal;
        display:inline-block;
        font-size:20px;
        text-decoration:none;
        font-style:normal;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        text-shadow:1px 1px 2px #c9c9c9
    }
    .list-2 li a:hover {
        color:#b4b4b4
    }
    /********************** Table Content ************************/
    .table-1 {
        margin-top:10px;
        border:1px solid #d5d5d6;
        width:590px;
        background:#f7f9f7;
    }
    .table-1 tr th {
        background:url(images/tail-table-th.gif) repeat-x 0 0 #030303;
        border-right:1px solid #3b3b3b;
        border-bottom:1px solid #6a6a6a;
        border-top:none;
        padding: 14px 0 16px;
        color:#fff;
        line-height:16px;
        text-transform:none;
        font-size:13px;
        font-weight:normal
    }
    .table-1 tr th.last {
        border-right:none
    }
    .table-1 th {
        background:none
    }
    .table-1 tr td {
        background:none
    }
    .table-1 tr td.last {
        border-right:none
    }
    .table-1 tr.last td {
        border-bottom: none;
    }
    .table-1 tr td {
        border-right:1px solid #d1d2d2;
        border-bottom:1px solid #d1d2d2
    }
    .table-1 tr td {
        color:#787878;
        font-size:13px;
        line-height:20px;
        padding:11px 0 14px;
        vertical-align:middle
    }
    .table-1 tr td strong {
        color:#b5b5b5
    }
    .table-1 tr td a {
        color:#787878;
        font-size:13px;
        line-height:20px;
    }
    .table-1 tr td a:hover {
        color:#00a8c2
    }
    .table-1 tr .coll-4 {
        width:68px
    }
    {
     width:68px;
    }
    .table-1 tr th {
        text-align:center
    }
    .table-1 tr .coll-1 {
        text-align:left;
        width:99px;
        padding-left:11px
    }
    .table-1 tr th.a1 {
        width:103px;
    }
    .table-1 tr th.a2 {
        width:64px;
    }
    .table-1 tr .coll-2 {
        padding-left:11px;
        width:59px;
        text-align:left;
        padding-right:4px
    }
    .table-1 tr th.a3, .table-1 tr .coll-3 {
        width:64px;
        text-align:center;
    }
    .table-1 tr .coll-3, .table-1 tr .coll-4, .table-1 tr .coll-6 {
        color:#00a8c2
    }
    .table-1 tr th.a4, .table-1 tr .coll-4 {
        width:54px;
        text-align:center;
    }
    .table-1 tr th.a5 {
        width:125px;
    }
    .table-1 tr .coll-5 {
        width:118px;
        text-align:left;
        padding-left:7px;
    }
    .table-1 tr th.a6, .table-1 tr .coll-6 {
        width:54px;
        text-align:center
    }
    .table-1 tr th.a7 {
        width:122px;
    }
    .table-1 tr .coll-7 {
        width:111px;
        padding-left:11px;
        text-align:left;
    }
    /*----- map -----*/
    
    .map {
        margin:7px 0 19px 0;
        background: #DADADA;
        display: inline-block;
        padding: 4px;
    }
    .map iframe {
        height:271px;
        overflow: hidden;
        width:260px;
        background:none
    }
    /*----- address -----*/
    
    dl.adress {
    }
    .adress dt {
        color:#b5b5b5;
        font-size:13px;
        line-height:24px;
        font-weight:bold;
        padding:0 !important
    }
    dl.adress dd {
        color:#787878;
        font-size:13px;
        line-height:24px;
        padding:0;
    }
    .adress dd span {
        width:91px;
        display:inline-block
    }
    .mail-1 {
        font-size:13px;
        color:#787878;
        text-decoration:underline;
        display:inline-block;
        line-height:24px;
    }
    .mail-1:hover, .mail-2:hover {
        text-decoration:none
    }
    .mail-2 {
        color:#212121;
        text-decoration:none;
        display:inline-block;
    }
    /*  Header styles */
    
    .relative {
        position:relative;
    }
    
    .dropcap_1 {
        font-family:Arial, Helvetica, sans-serif;
        float:left;
        font-size:36px;
        line-height:38px;
        color:#fff;
        margin:2px 20px 0 0;
        font-weight:bold;
        background:url(images/bg-dopcap.gif) no-repeat 0 0;
        width:51px;
        padding:7px 0 16px;
        text-align:center;
    }
    .policy {
        padding:0 0 2px 0;
    }
    .policy p {
    }
    /*  Buttons */
    
    .link {
        color:#5ca70f !important;
        text-decoration: underline !important;
    }
    .link:hover {
        text-decoration: none !important;
    }
    /*search*/
    #main-search {
        display:block
    }
    #main-search .rowElem, #search-404 .rowElem, #search-1 .rowElem {
        padding:4px 3px 3px;
        display:inline-block;
        position:relative;
        height: 36px;
        width: 321px;
        background:url(images/tail-part-search.gif) repeat-x 0 0 #1d1d1d;
        box-shadow: 1px 1px #000;
        -moz-box-shadow: 1px 1px #000;
        -webkit-box-shadow: 1px 1px #000;
        border-left:1px solid #313131;
    }
    #search-404 .rowElem {
        width:233px;
    }
    #search-404 .rowElem input {
        width:180px !important;
    }
    .search {
        padding-bottom:23px
    }
    #search-1 {
        margin-right:1px
    }
    #main-search input, #search-404 .rowElem input, #search-1 .rowElem input {
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        display:inline-block;
        font-size:13px;
        line-height:18px;
        color:#fff;
        position:relative;
        text-decoration:none !important;
        padding: 9px 8px 10px;
        font-weight:normal;
        border-top:none;
        border-right:none;
        border-bottom:none;
        border-left:1px solid #060606;
        margin:none;
        outline:none;
        background:url(images/tail-item.gif) repeat-x 0 0 #000000;
        border-left:1px solid #000;
        box-shadow: 1px 1px #313131;
        -moz-box-shadow: 1px 1px #313131;
        -webkit-box-shadow: 1px 1px #313131;
        width:268px;
        height:16px
    }
    #search-1 .rowElem input {
        background:url(images/tail-search-2.gif) repeat-x 0 0;
        border-left:1px solid #5a5a5a;
        box-shadow: 1px 1px #656565;
        -moz-box-shadow: 1px 1px #656565;
        -webkit-box-shadow: 1px 1px #656565;
        width:266px
    }
    #main-search a, #search-404 .rowElem a, #search-1 a {
        position:absolute;
        right:6px;
        top:10px;
        background:url(images/lenz.png) no-repeat 0 0;
        width:25px;
        height:25px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    #main-search a:hover, #search-404 .rowElem a:hover, #search-1 a:hover {
        background:url(images/lenz.png) no-repeat -35px 0px;
    }
    /******************** contact-form ******************/
    
    #contact-form-1 {
        display:block;
        position:relative;
        padding:7px 0 0 0;
        width:589px
    }
    #contact-form-1 fieldset {
        display:block;
    }
    #contact-form-1 label {
        display:block;
        position:relative;
        height:43px;
        margin-bottom:7px;
        background:url(images/tail-label.gif) repeat-x 0 0;
        overflow:hidden;
        box-shadow: 1px 1px #000;
        -moz-box-shadow: 1px 1px #000;
        -webkit-box-shadow: 1px 1px #000;
    }
    #contact-form-1.label {
        display:block;
        overflow:hidden;
        webkit-background-clip: padding-box;
    }
    #contact-form-1 label.message {
        height:auto;
        margin:0;
        background:url(images/tail-label2.gif) repeat-x 0 0 !important;
    }
    #contact-form-1 .message .label {
        width:auto;
    }
    #contact-form-1 input {
        float:left;
        width:471px;
        font-size:13px;
        color:#fff;
        padding:9px 10px 10px;
        margin:4px 0 4px;
        outline:none;
        resize:none;
        position:relative;
        background:url(images/tail-form-input.gif) repeat-x 0 0;
        -webkit-background-clip:padding-box;
        height:16px;
        border-left:1px solid #5a5a5a;
        border-top:none;
        border-right:none;
        border-bottom:none;
        box-shadow: 1px 1px #656565;
        -moz-box-shadow: 1px 1px #656565;
        -webkit-box-shadow: 1px 1px #656565;
        border-radius:0
    }
    #contact-form-1 textarea {
        float:left;
        height:235px;
        overflow:auto;
        width:471px;
        font-size:13px;
        color:#fff;
        padding:10px 10px;
        margin:4px 0 4px;
        outline:none;
        resize:none;
        position:relative;
        border-left:1px solid #5a5a5a;
        border-top:none;
        border-right:none;
        border-bottom:none;
        background:url(images/tail-form-input1.gif) repeat-x 0 0;
        -webkit-background-clip:padding-box;
        box-shadow: 1px 1px #656565;
        -moz-box-shadow: 1px 1px #656565;
        -webkit-box-shadow: 1px 1px #656565;
    }
    #contact-form-1 .empty, #contact-form-1 .error {
        display:none;
        color:#fff;
        font-size:11px;
        line-height:12px;
        position:absolute;
        top:3px;
        right:5px;
        text-align:right
    }
    #contact-form-1 label.message .empty, #contact-form-1 label.message .error {
        left:98px;
        top:243px;
        text-align:left
    }
    #contact-form-1 .success {
        display:none;
        font-size:13px;
        line-height:18px;
        padding:0;
        top:-10px;
        left:100px;
        position:absolute;
        color:#131313;
        background:none !important;
        background-image:none !important;
        border:none;
        box-shadow:none
    }
    .buttons {
        padding:31px 0 0 0;
        text-align:right;
        overflow:hidden;
    }
    .buttons a {
        margin-left:14px;
    }
    .text-form {
        float:left;
        display:block;
        width:81px;
        font-size:13px;
        line-height:16px;
        color:#fff;
        margin-left:12px;
        padding-top:13px
    }
    /*main-slider*/
    
    #main-slider {
        width:950px;
        height:372px;
        position:relative;
        overflow:hidden;
        background:url(images/bg-slider.gif) repeat-x 0 0;
        margin-top:17px
    }
    .main-slider {
        width:950px;
        height:372px;
        position:relative;
        overflow:hidden;
    }
    .items {
        display:none;
    }
    /* pagination */
    #main-slider .pagination {
        position:absolute;
        bottom:0;
        left:519px;
        z-index:60;
        padding:13px 15px 10px 16px;
        white-space: nowrap;
        vertical-align: middle;
        color: #666;
        background:#363636;
        border:none
    }
    #main-slider .pagination li {
        float:left;
        padding:0 3px 0 3px;
        font-size:0;
        line-height:0;
        margin:0;
    }
    #main-slider .pagination a {
        display:block;
        width:14px;
        height:14px;
        background:url(images/pags.png) 0 0 no-repeat;
        font-size:0;
        line-height:0;
        text-decoration:none;
    }
    #main-slider .pagination li.current a, #main-slider .pagination li a:hover {
        background:url(images/pags.png) 0 -14px no-repeat;
    }
    /* banner */
    #main-slider .banner {
        position:absolute;
        top:31px;
        width:264px;
        height:325px;
        left:670px;
        color:#fff;
        padding:10px;
        background:none
    }
    #main-slider .banner span {
        font-size:36px;
        line-height:38px;
        color:#fff;
        text-shadow:1px 1px #000;
        padding-bottom:12px;
        font-weight:normal;
        font-family: 'Tinos', serif;
        word-spacing:-2px;
    }
    #main-slider .banner span em {
        display:block;
        font-style:normal;
        color:#fff;
        font-weight:normal;
        margin-top:-3px
    }
    #main-slider .banner span strong {
        display:block;
        font-weight:normal;
        margin-top:-3px
    }
    #main-slider .banner p {
        color:#525252;
        text-shadow:1px 1px #000
    }
    #main-slider .banner .link-1 {
        color:#fff;
        background:url(images/bg2-link1.png) no-repeat 0 1px
    }
    #main-slider .banner .link-1:hover {
        color:#00a8c2;
        background:url(images/bg2-link1.png) no-repeat 0 -22px;
        text-decoration:underline
    }
    /******************** Footer ******************/
    footer {
        padding:20px 0;
        overflow:hidden;
        text-align:center;
    }
    .privacy {
        color:#fff;
        font-size:13px;
        line-height:16px;
        position:relative;
        margin-left:38px;
        text-align:center
    }
    .privacy a {
        font-size:13px;
        color:#fff;
        line-height:16px;
        text-transform:none;
    }
    .privacy a:hover {
        text-decoration:underline
    }
    GRID.CSS
    .container_24 {margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;position:relative;margin-left:5px;margin-right:5px;}.alpha{margin-left:0;}.omega{margin-right:0;}.container_24 .grid_1{width:30px;}.container_24 .grid_2{width:70px;}.container_24 .grid_3{width:110px;}.container_24 .grid_4{width:150px;}.container_24 .grid_5{width:190px;}.container_24 .grid_6{width:230px;}.container_24 .grid_7{width:270px;}.grid_cute{width:250px;}.grid_ss{width:800px;}.container_24 .grid_99{width:800px;}.grid_ne{width:120px;}.container_24 .grid_8{width:310px;}.container_24 .grid_9{width:350px;}.container_24 .grid_10{width:390px;}.container_24 .grid_11{width:430px;}.container_24 .grid_12{width:470px;}.container_24 .grid_13{width:510px;}.container_24 .grid_14{width:550px;}.container_24 .grid_15{width:590px;}.container_24 .grid_16{width:630px;}.container_24 .grid_17{width:670px;}.container_24 .grid_18{width:710px;}.container_24 .grid_19{width:750px;}.container_24 .grid_20{width:790px;}.container_24 .grid_21{width:830px;}.container_24 .grid_22{width:870px;}.container_24 .grid_23{width:910px;}.container_24 .grid_24{width:950px;}.container_24 .prefix_1{padding-left:40px;}.prefix_sv{padding-left:75px;}.prefix_111{padding-left:315px;}.prefix_ne{padding-left:800px;}.container_24 .prefix_2{padding-left:80px;}.container_24 .prefix_3{padding-left:120px;}.container_24 .prefix_4{padding-left:160px;}.container_24 .prefix_5{padding-left:200px;}.container_24 .prefix_6{padding-left:240px;}.container_24 .prefix_7{padding-left:280px;}.container_24 .prefix_8{padding-left:320px;}.container_24 .prefix_9{padding-left:360px;}.container_24 .prefix_10{padding-left:400px;}.container_24 .prefix_11{padding-left:440px;}.container_24 .prefix_12{padding-left:480px;}.container_24 .prefix_13{padding-left:520px;}.container_24 .prefix_14{padding-left:560px;}.container_24 .prefix_15{padding-left:600px;}.container_24 .prefix_16{padding-left:640px;}.container_24 .prefix_17{padding-left:680px;}.container_24 .prefix_18{padding-left:720px;}.container_24 .prefix_19{padding-left:760px;}.container_24 .prefix_20{padding-left:800px;}.container_24 .prefix_21{padding-left:840px;}.container_24 .prefix_22{padding-left:880px;}.container_24 .prefix_23{padding-left:920px;}.container_24 .suffix_1{padding-right:40px;}.container_24 .suffix_2{padding-right:80px;}.container_24 .suffix_3{padding-right:120px;}.container_24 .suffix_4{padding-right:160px;}.container_24 .suffix_5{padding-right:200px;}.container_24 .suffix_6{padding-right:240px;}.container_24 .suffix_7{padding-right:280px;}.container_24 .suffix_8{padding-right:320px;}.container_24 .suffix_9{padding-right:360px;}.container_24 .suffix_10{padding-right:400px;}.container_24 .suffix_11{padding-right:440px;}.container_24 .suffix_12{padding-right:480px;}.container_24 .suffix_13{padding-right:520px;}.container_24 .suffix_14{padding-right:560px;}.container_24 .suffix_15{padding-right:600px;}.container_24 .suffix_16{padding-right:640px;}.container_24 .suffix_17{padding-right:680px;}.container_24 .suffix_18{padding-right:720px;}.container_24 .suffix_19{padding-right:760px;}.container_24 .suffix_20{padding-right:800px;}.container_24 .suffix_21{padding-right:840px;}.container_24 .suffix_22{padding-right:880px;}.container_24 .suffix_23{padding-right:920px;}.container_24 .push_1{left:40px;}.container_24 .push_2{left:80px;}.container_24 .push_3{left:120px;}.container_24 .push_4{left:160px;}.container_24 .push_5{left:200px;}.container_24 .push_6{left:240px;}.container_24 .push_7{left:280px;}.container_24 .push_8{left:320px;}.container_24 .push_9{left:360px;}.container_24 .push_10{left:400px;}.container_24 .push_11{left:440px;}.container_24 .push_12{left:480px;}.container_24 .push_13{left:520px;}.container_24 .push_14{left:560px;}.container_24 .push_15{left:600px;}.container_24 .push_16{left:640px;}.container_24 .push_17{left:680px;}.container_24 .push_18{left:720px;}.container_24 .push_19{left:760px;}.container_24 .push_20{left:800px;}.container_24 .push_21{left:840px;}.container_24 .push_22{left:880px;}.container_24 .push_23{left:920px;}.container_24 .pull_1{left:-40px;}.container_24 .pull_2{left:-80px;}.container_24 .pull_3{left:-120px;}.container_24 .pull_4{left:-160px;}.container_24 .pull_5{left:-200px;}.container_24 .pull_6{left:-240px;}.container_24 .pull_7{left:-280px;}.container_24 .pull_8{left:-320px;}.container_24 .pull_9{left:-360px;}.container_24 .pull_10{left:-400px;}.container_24 .pull_11{left:-440px;}.container_24 .pull_12{left:-480px;}.container_24 .pull_13{left:-520px;}.container_24 .pull_14{left:-560px;}.container_24 .pull_15{left:-600px;}.container_24 .pull_16{left:-640px;}.container_24 .pull_17{left:-680px;}.container_24 .pull_18{left:-720px;}.container_24 .pull_19{left:-760px;}.container_24 .pull_20{left:-800px;}.container_24 .pull_21{left:-840px;}.container_24 .pull_22{left:-880px;}.container_24 .pull_23{left:-920px;}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}.clearfix:after{clear:both;content:'';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0;}.clearfix{display:inline-block;}*html .clearfix{height:1%;}.clearfix{display:block;}
    e aqui é o codigo HTML do meu site.
    <article class="grid_7">
                        <h3>Portal Nt-animes</h3>
          <p class="txt-1">
          Um portal livre de propaganda e de facil acesso a todo o cunteudo sem complicações. Projeto NT é feito visando a simplicidade 
          de entendimento e facilidade de compreensão. </p>
          <p>O NT - Animes traz noticias de todo o mundo Otaku ao leitor de modo compreensivo e dinamico, como também, Traz Downloas mais praticos.
          NT se esforçara para lhe trazer uma grande variedade de conteudo, tais como, Episodios dos melhores animes, mangás, Templetes e renders
          para você trabalhar seus projetos, Conteudo multimidia em geral(mp3, ots, ovas, Epi,) Sejam bem vindos ao nosso PORTAL...</p>
          
                     
           
                 </article>
                 <article class="grid_99 prefix_111">
              
                           <?php include 'postagem/example1.php'; ?>
                        
                 </article>

    Eu consigo tudo direitinho se não colocar o BOX no cute news, porem se coloco somente a primeira postagem fica formatada, as outras fica onde não deveria ficar.

    Se alguém souber o porque me ajudem.. Vlw

  2. Bem galeta resolvi o problema com a session agora o problema é outro:

    <?php

    session_start();

    if(!isset($_SESSION['login']) OR !isset($_SESSION['senha'])){

    include "formulario_cadastro.php";

    }else{

    echo "Olá!<br>";

    echo "Seja bem vindo, ";

    echo $login;

    echo ".";

    echo "<br><br>";

    echo "<a href='logout.php'>Sair</a>";

    }

    ?>

    quero que o nome do usuário esteja visível porem só mostra isso:

    Olá!

    Seja bem vindo,"era pa mostra aki não é??" .

    Sair

    Poderiam dá uma forcinha?

  3. pessoal, eu não tenho um grande entendimento em PHP, MySQL essas coisas, manjo pouco.

    porem com ajuda de fórum como esses e inúmeras apostilas eu consegui fazer um site(bastante bom pro meu 1º trabalho)

    Então, o meu problema fica a parte de login, fiz um sistema de cadastro e tal, direitinho, o sistema de login também ta foncionando o meu problema é com "session_start();" está assim:

    <?php

    session_start();

    if(!isset($_SESSION['login']) AND !isset($_SESSION['senha'])){

    include "formulario_cadastro.php";

    }else{

    echo "Olá!<br>";

    echo "Seja bem vindo, ";

    echo $login;

    echo ".";

    echo "<br><br>";

    echo "<a href='logout.php'>Sair</a>";

    }

    ?>

    quero que quando logado a pagina de login suma, quando deslogado apareça a pagina de login.

    poderiam me ajudar porfavor?

×
×
  • Criar Novo...