Ir para conteúdo
Fórum Script Brasil
  • 0

(Resolvido) Problemas com o bg do meu site


Dufaukz

Pergunta

Bom pessoal, o problema é o segunte, eu fiz um banner pro meu site, e quando upei no servidor, fio ver no site e tal, e pronto ele tava Preso num código.

www.dufaukz.com Olhem ai pra poderem entender melhor o problema, se alguém puder me ajudar eu adoraria :(

Editado por Dufaukz
Link para o comentário
Compartilhar em outros sites

Posts Recomendados

  • 0
Mas por enquanto, copia todo o código que tem dentro do arquivo: "style.css" (CTRL + A) e cola aqui no fŕum (CTRL + V),,,

Ai da pra todos nós aqui do fórum dar uma olhada, e ver qual está sendo o problema... biggrin.gif

Ok... Ai vai o arquivo style.css completo, quem puder ajudar eu agradeço desde já.

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,

b, u, i, center,

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-size: 100%;

vertical-align: baseline;

background: transparent;

}

body {

line-height: 1;

}

ol, ul {

list-style: none;

}

blockquote, q {

quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

content: '';

content: none;

}



/* remember to define focus styles! */

:focus {

outline: 0;

}



/* remember to highlight inserts somehow! */

ins {

text-decoration: none;

}

del {

text-decoration: line-through;

}



/* tables still need 'cellspacing="0"' in the markup */

table {

border-collapse: collapse;

border-spacing: 0;

}

/* css reset ends */



*{

margin: 0;

padding: 0;

}



body{



font-family: "Lucida Grande", Arial, Helvetica, Sans-Serif;

background-color: #121315;

}



a{

text-decoration: none;

outline-color: invert;

outline-style: none;

border: none;

}



a img{

border: none;

}



.clear{

clear: both;

}



div#page_wrap{

width: 1280px;

margin: 0 auto 0 auto;

background: url(images/bg.gif) no-repeat;

}



div#header{

font-size: 12px;

}

div#header div.blog_title{

float: left;

margin-top: 50px;

margin-left: 50px;

}

div#header div.blog_title h1 a{

font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif;

font-weight: bold;

letter-spacing: -1px;

font-size: 36px;

color: #fff;

line-height: 45px;

display: block;

}

div#header div.blog_title p.description{

color: #999;

margin-top: 10px;

margin-left: 5px;

}

div#header div#search{

border: none;

float: left;

position: relative;

}

div#header div#search form#searchform{

position: absolute;

top: 58px;

left: 900px;

width: 200px;

height: 25px;

border: none;

background-color: #fff;

}

div#header div#search form#searchform .searchinput{

position: absolute;

top: 5px;

left: 8px;

color: #666;

font-size: 13px;

width: 165px;

border: 0;

}

div#header div#search form#searchform .button{

position: absolute;

top: 0px;

left: 175px;

background: url(images/mag.gif) no-repeat;

height: 25px;

width: 25px;

border: 0;

cursor: pointer;

}



div#main_navi{

background: url(images/navi.gif) no-repeat;

float: left;

margin-top: 30px;

height: 37px;

width: 960px;

}

div#main_navi ul.left{

float: left;

list-style-type: none;

padding: 9px 0 0 20px;

width: 750px;

height: 20px;

overflow: hidden;

}

div#main_navi ul li{

display: inline;

text-transform: uppercase;

}

div#main_navi ul.left li a{

float: left;

overflow: hidden;

color: #ccc;

font-size: 13px;

line-height: 18px;

margin: 0 30px 0 0;

}

div#main_navi ul.left li a:hover{

color: #ff0048;

}

div#main_navi ul.right{

float: right;

list-style-type: none;

padding: 9px 10px 0 0;

}

div#main_navi ul.right li a{

float: left;

overflow: hidden;

color: #fff;

font-size: 12px;

line-height: 20px;

margin: 0 0 0 10px;

text-transform: uppercase;

}

div#main_navi ul.right li.twitter a{

background: url(images/twitter.gif) no-repeat 0 3px;

padding-left: 21px;

}

div#main_navi ul.right li.twitter a:hover{

color: #0af;

}

div#main_navi ul.right li.feed a{

background: url(images/feed.gif) no-repeat 0 5px;

padding-left: 15px;

}

div#main_navi ul.right li.feed a:hover{

color: #ff0048;

}

/* END div#header */



div#main{

width: 660px;

float: left;

display: inline;/* fix double margin */

margin: 30px 25px 30px 10px;

}

div#main div.post{

background-color: #131313;

border: 1px solid #1f2223;

color: #ccc;

line-height: 22px;

margin-bottom: 30px;

}

/* sticky post */

div#main div.sticky{

background-color: #0d0d0d;/* if a post is set as sticky post, it'll have a darker bg color */

}

div#main div.post div.date{

background: url(images/date.gif) no-repeat;

float: left;

font-size: 12px;

line-height: 14px;

font-family: "Trebuchet MS", Georgia, sans-serif;

text-align: center;

vertical-align: middle;

color: #fff;

height: 43px;

width: 50px;

margin-left: -10px;

margin-top: 16px;

padding-top: 4px;

position: relative;/* ie6 fix */

margin-right: 12px;

}

div#main div.post div.title{

margin-left: 15px;

margin-bottom: 10px;

margin-top: 16px;

/*float: left; 0620*/

}

div#main div.post div.title h2{

font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif;

font-size: 22px;

font-weight: bold;

letter-spacing: -1px;

line-height: 24px;

color: #eee;

width: 600px;

line-height: 30px;

}

div#main div.post div.title h2 a{

color: #eee;

}

div#main div.post div.title h2 a:hover{

color: #ff0048;

}

div#main div.post div.title div.postmeta{

font-size: 12px;

color: #666;

width: 580px;

overflow: hidden;

}

div#main div.post div.title div.postmeta a{

color: #666;

border-bottom: 1px solid #131313;

text-decoration: none;

}

div#main div.post div.title div.postmeta a:hover{

color: #ff0048;

border-bottom: 1px solid #ff0048;

text-decoration: none;

}

div#main div.post div.entry{

padding: 10px 20px 0 20px;

overflow: hidden;/* in case large img or video */

_width: 618px;

font-size: 13px;

}

div#main div.post div.no_result{

padding: 20px;

}

div#main div.post div.no_result p.no_result{

margin-bottom: 0;

}

div#main div.post div.entry a{

color: #ff0048;

border: none;

text-decoration: none;

}

div#main div.post div.entry a:hover{

text-decoration: underline;

}

div#main div.post div.entry p{

margin-bottom: 20px;

}

/* 20090629 add h1-h6 style in entry */

div#main div.post div.entry h1{ font-size: 20px; margin-bottom: 5px; }

div#main div.post div.entry h2{ font-size: 18px; margin-bottom: 5px; }

div#main div.post div.entry h3{ font-size: 16px; margin-bottom: 5px; }

div#main div.post div.entry h4{ font-size: 15px; margin-bottom: 5px; }

div#main div.post div.entry h5{ font-size: 14px; margin-bottom: 5px; }

div#main div.post div.entry h6{ font-size: 12px; margin-bottom: 5px; }



div#main div.post div.entry ul,

div#main div.post div.entry ol{

padding-bottom: 24px;

margin-left: 40px;

margin-right: 40px;

}

div#main div.post div.entry ul{

list-style-type: disc;

}

div#main div.post div.entry ol{

list-style-type: decimal;

}

div#main div.post div.entry ul li,

div#main div.post div.entry ol li{

padding: 1px 0;

list-style: inside;

}

div#main div.post div.entry blockquote{

background: url(images/blockquote.gif) no-repeat;

padding: 35px 20px 10px 50px;

margin: 0 15px 24px 15px;

background-color: #181818;

border-top: 1px solid #2a2e2f;

border-bottom: 1px solid #2a2e2f;

color: #999;

}

div#main div.post div.entry blockquote p{

margin-bottom: 8px;

}

div#main div.post div.entry code{

font-family: "Courier New", mono;

background-color: #181818;

border-left: 1px solid #2a2e2f;

color: #197b30;

padding: 5px 10px;

display: block;

}

/* 20090629 add table layout */

div#main div.post div.entry table{

margin-bottom: 20px;

border-collapse:collapse;

border: 1px solid #2a2e2f;

background-color: #181818;

color: #999;

}

div#main div.post div.entry table td,

div#main div.post div.entry table th{

padding: 2px 5px;

border: 1px solid #2a2e2f;

}

div#main div.navigation{

font-size: 13px;

}

div#main div.navigation a{

display: block;

color: #ccc;

border: 1px solid #1f2223;

padding: 0 5px;

background-color: #101010;

line-height: 28px;

}

div#main div.navigation .left a:hover,

div#main div.navigation .right a:hover{

color: #ff0048;

background-color: #000;

}

div#main div.navigation .left{

float: left;

}

div#main div.navigation .right{

float: right;

}

/* END div#main */



div#footer{

color: #666;

font-size: 12px;

background: url(images/footer_bg.gif) repeat-x;

}

div#footer div.footer_wrapper{

width: 960px;

margin: 0 auto;

padding: 18px 0;

position: relative;

}

div#footer div.footer_wrapper a{

color: #ccc;

text-decoration: none;

}

div#footer div.footer_wrapper a:hover{

color: #fff;

}

/* END div#footer */



div#sidebar{

width: 260px;

float: left;

display: inline;/* fix double margin */

margin-top: 30px;

margin-bottom: 30px;

overflow: hidden;

color: #aaa;

font-size: 12px;

background-color: #131313;

border: 1px solid #1f2223;

}

div#sidebar ul{

background-color: #131313;

}

div#sidebar ul li h2{

background: url(images/sidebar_title_bg.gif) no-repeat;

background-position: left bottom;

font-size: 16px;

line-height: 30px;

color: #ccc;

background-color: #101010;

padding: 5px 10px;

font-weight: normal;

}

div#sidebar ul li ul{

list-style-type: none;

color: #eee;

line-height: 20px;

}

div#sidebar ul li ul li{

padding-top: 2px;

padding-bottom: 2px;

padding-left: 26px;

padding-right: 10px;

background: url(images/sidebar_list_bg.gif) no-repeat;

background-position: left bottom;

}

div#sidebar ul li ul li:hover{

background-color: #0d0d0d;

}

div#sidebar ul li ul li a{

background: none;

display: inline;

color: #ccc;

line-height: 26px;

text-decoration: none;

}

div#sidebar ul li ul li a:hover{

color: #ff0048;

}

/* END div#sidebar */



/* modify div#sidebar for default widget */



div#sidebar ul li ul li.rc a{

display: inline;

}



div#sidebar ul li.widget_archive,

div#sidebar ul li.widget_categories,

div#sidebar ul li.widget_search,

div#sidebar ul li.widget_tag_cloud div,

div#sidebar ul li.widget_text{/* sidebar_list_bg fix */

background: url(images/sidebar_list_bg.gif) no-repeat left bottom;

}



div#sidebar ul li.widget_archive select,

div#sidebar ul li.widget_categories select{/* dropdown view */

margin: 15px 26px;

}



/* calendar widget */

div#sidebar ul li.widget_calendar div#calendar_wrap{

padding: 15px 26px;

background: url(images/sidebar_list_bg.gif) no-repeat left bottom;

}



#wp-calendar {

color: #ccc;

width: 95%;

font-family: Arial, sans-serif;

}



#wp-calendar caption {

padding: 5px;

letter-spacing: 2px;

}



#wp-calendar th, #wp-calendar td {

padding: 5px;

text-align: center;

}



#wp-calendar th{

border-bottom: 1px solid #1f2223;

border-top: 1px solid #1f2223;

}



#wp-calendar td {

background: transparent;

}



#wp-calendar td, table#wp-calendar th {

padding: 3px 0;

}



#wp-calendar a {

color: #ff0048;

}



#wp-calendar a:hover {

text-decoration: underline;

}



#wp-calendar #prev{

text-align: left;

padding-left: 5px;

}



#wp-calendar #next{

text-align: right;

padding-right: 5px;

}



#wp-calendar #prev, #wp-calendar #next, #wp-calendar tfoot tr td.pad{

border-top: 1px solid #1f2223;

}



#wp-calendar #prev a, #wp-calendar #next a{

color: #999;

}



#wp-calendar td#today{

color: #fff;

background-color: #101010;

font-weight: bold;

}



/* multi-level category */

div#sidebar ul li ul li ul li,

div#sidebar ul li ul li ul.children li{

background: none;

}



div#sidebar ul li ul li ul li:hover,

div#sidebar ul li ul li ul.children li:hover{

background: none;

}



/* widget rss */

.widget_rss a{

color: #ccc;

}



/* widget search */

li.widget_search #search{/* 090627fix */

padding: 10px 30px;

}



li.widget_search form#searchform{

width: 200px;

height: 25px;

border: none;

background-color: #fff;

position: relative;

}

li.widget_search form#searchform .searchinput{

position: absolute;

top: 5px;

left: 8px;

color: #666;

font-size: 13px;

width: 165px;

border: 0;

}

li.widget_search form#searchform .button{

position: absolute;

top: 0px;

left: 175px;

background: url(images/mag.gif) no-repeat;

height: 25px;

width: 25px;

border: 0;

cursor: pointer;

}



/* tag cloud */

div#sidebar ul li.widget_tag_cloud div{

padding: 10px 16px;

}



div#sidebar ul li.widget_tag_cloud div a{

color: #ccc;

}



div#sidebar ul li.widget_tag_cloud div a:hover{

color: #ff0048;

}



/* textwidget */

.textwidget{

padding: 10px 26px;

line-height: 16px;

}



.textwidget p{

margin-bottom: 10px;

line-height: 16px;

}



.textwidget a, .textwidget p a{

color: #ff0048;

text-decoration: none;

}



.textwidget a:hover, .textwidget p a:hover{

text-decoration: underline;

}



/* END modify div#sidebar */



div#main div#comments{

margin-bottom: 10px;

}

div#main div#comments h3{

float: left;

font-size: 16px;

color: #ccc;

line-height: 24px;

font-weight: normal;

}

div#main div#comments .add_your_comment a{

float: right;

font-size: 16px;

color: #ccc;

line-height: 24px;

font-weight: normal;

}

div#main div#comments .add_your_comment a:hover{

color: #ff0048;

}

div#main ol.commentlist{

font-size: 13px;

color: #ccc;

overflow: hidden;

}

div#main ol.commentlist li{

margin-bottom: 15px;

background-color: #101010;

border: 1px solid #1f2223;

-moz-border-radius: 2px;

-webkit-border-radius: 2px;

padding: 20px 20px 15px 20px;

}

div#main ol.commentlist li ul{

list-style-type: none;

margin-left: 60px;

margin-top: 6px;

}

div#main ol.commentlist li ul.children li{

background-color: #0d0d0d;

border-left: 1px solid #181a1b;

border-top: 0;

border-bottom: 0;

border-right: 0;

}

div#main ol.commentlist li div.vcard{

float: left;

}

div#main ol.commentlist li div.vcard div.left{

width: 56px;

margin-right: 5px;

}

div#main ol li div.left img{

border: 1px solid #000;

display: block;

height: 48px;

width: 48px;

}

div#main ol li div.left div.reply a{

background: url(images/reply.gif) no-repeat 0 0;

display: block;

height: 0;

padding-top: 17px;

width: 41px;

overflow: hidden;

margin-left: 5px;

margin-top: 5px;

}

div#main ol li div.left div.reply a:hover{

background-position: 0 -17px;

}

div#main ol.commentlist li div.right{

float: left;

line-height: 20px;

width: 80%;/* 3-level or less thread comments display well. 4 or more leves may have some issue. */

}

div#main ol.commentlist li div.right p a{

color: #ccc;

text-decoration: none;

border-bottom: 1px solid #ccc;

}

div#main ol.commentlist li div.right p a:hover{

color: #ff0048;

border-bottom: 1px solid #ff0048;

}

div#main ol li div.right div.commentmetadata{

font-size: 12px;

color: #999;

border-bottom: 1px solid #181a1b;

padding-bottom: 3px;

margin-bottom: 8px;

}

div#main ol li div.right div.commentmetadata a{

color: #ccc;

text-decoration: none;

font-weight: bold;

}

div#main ol li div.right div.commentmetadata a:hover{

color: #ff0048;

}

div#main ol li div.right p{

margin-bottom: 20px;

}

div#main .comments_navi{

font-size: 12px;

}

div#main .comments_navi .alignleft{

float: left;

}

div#main .comments_navi .alignright{

float: right;

}

div#main .comments_navi .alignleft a,

div#main .comments_navi .alignright a{

display: block;

color: #ccc;

border: 1px solid #1f2223;

padding: 0 5px;

background-color: #101010;

line-height: 28px;

}

div#main .comments_navi .alignleft a:hover,

div#main .comments_navi .alignright a:hover{

color: #ff0048;

background-color: #000;

}

div#main div#respond{

background-color: #101010;

border: 1px solid #181a1b;

-moz-border-radius: 2px;

-webkit-border-radius: 2px;

color: #ccc;

padding: 15px 20px;

margin-top: 15px;

}

div#main div#respond div.h3_cancel_reply{

margin-bottom: 5px;

}

div#main div#respond h3{

font-size: 16px;

color: #ccc;

line-height: 24px;

font-weight: normal;

float: left;

display: inline;/* fix double margin */

}

div#main div#respond span.cancel-comment-reply{

float: right;

display: inline;/* fix double margin */

padding-top: 6px;

}

div#main div#respond span.cancel-comment-reply a{

font-size: 12px;

color: #999;

text-decoration: none;

}

div#main div#respond span.cancel-comment-reply a:hover{

color: #ff0048;

}

div#main div#respond form#commentform{

}

div#main div#respond form#commentform p{

font-size: 12px;

color: #999;

padding: 3px 0;

}

div#main div#respond form#commentform p a{

color: #fff;

border: 0;

}

div#main div#respond form#commentform p a:hover{

border-bottom: 1px solid #fff;

}

div#main div#respond div.input_area{

padding: 15px 30px;

}

div#main div#respond div .message_input{

font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif;

background-color: #eee;

border: 2px solid #000;

color: #333;

font-size: 13px;

padding: 5px;

height: 120px;

width: 98%;

}

div#main div#respond div.user_info{

font-size: 12px;

line-height: 16px;

display: block;

padding: 0 30px;

}

div#main div#respond div.user_info div.single_field{

display: inline;

float: left;

width: 33%;

}

label.desc{

display: block;

color: #999;

padding-bottom: 4px;

}

label.desc abbr{

color: #ff0048;

border: 0;

}

div#main div#respond div.user_info input.comment_input{

background-color: #eee;

color: #666;

border: 2px solid #000;

padding: 2px 3px;

width: 90%;

}

div#main div#respond div.submit_button{

margin: 15px 30px 0;

}

div#main div#respond form#commentform div.submit_button input.button{

display: block;

background: url(images/submit.gif) no-repeat 0 0;

width: 76px;

height: 28px;

padding: 0;

border: 0;

text-indent: -9999px;

cursor: pointer;

float: left;

}

div#main div#respond form#commentform div.submit_button input.button:active{

background-position: 0 -28px;

}

div.submit_button span.key{

float: left;

margin-left: 10px;

padding-top: 6px;

font-size: 12px;

line-height: 16px;

color: #333;

}

.nocomments{

color: #ccc;

font-size: 16px;

}

/* END single page */



/*---------------- WordPress Generated Classes -------------------*/



.aligncenter,

div.aligncenter{

display: block;

margin-left: auto;

margin-right: auto;

}



.alignleft{

float: left;

}



.alignright{

float: right;

}



img.alignleft{

display: inline;

margin-bottom: 2px;

margin-right: 6px;

padding: 3px;

}



img.alignright{

display: inline;

margin-bottom: 2px;

margin-left: 6px;

padding: 3px;

}



.wp-caption {

border: 1px solid #1f2223;

text-align: center;

background-color: #0d0d0d;

padding-top: 4px;

margin: 10px;

/* optional rounded corners for browsers that support it */

-moz-border-radius: 3px;

-khtml-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

}



.wp-caption img {

margin: 0;

padding: 0;

border: 0 none;

}



.wp-caption p.wp-caption-text {

font-size: 12px;

line-height: 17px;

padding: 0 4px 5px;

margin: 0;

color: #ccc;

}



div#main div.post div.entry div.wp-caption p{

margin-bottom: 3px;

padding: 5px;

}





/*------------------------ Archives Page ------------------------*/



ul.archiveslist{

color: #ccc;

font-size: 13px;

}



div#main div.post div.entry ul.archiveslist li a{

color: #ccc;

}



div#main div.post div.entry ul.archiveslist li a:hover{

color: #ff0048;

}



/*------------------------ Links Page ------------------------*/



.linkpage{

background-color: #131313;

padding: 10px 15px;

}



.linkpage ul{

list-style-type: none;

}



.linkpage ul li{

float: left;

margin-bottom: 10px;

}



.linkpage ul li ul li{

float: left;

width: 130px;

text-align: center;

margin: 5px 12px;

line-height: 180%;

background-color: #202020;

}



.linkpage ul li ul li a{

color: #ccc;

display: block;

text-decoration:none;

border: 1px solid #1f2223;

font-size: 12px;

}



.linkpage ul li ul li a:hover{

background-color: #0d0d0d;

border: 1px solid #1f2223;

color: #ff0048;

}



.linkpage ul li h3{

margin-bottom: 5px;

margin-left: 12px;

}



/*------------------------ Strong ------------------------*/



div.strong{

color: #fff;

font-size: 18px;

padding: 10px 0;

margin-bottom: 25px;

}



div.strong .keyword{

color: #ff0048;

}[/codebox]

Bastantinho né? aiwehauwhuhwieuh

Editado por Dufaukz
Link para o comentário
Compartilhar em outros sites

  • 0

Olá, dufaukz <_<

nossa quanto post desde a última vez que eu vim nesse tópico!

bem dufaukz, baixei o tema que você esta utilizando e instalei localmente no meu wordpress

estou tentando fazer que o site fique centralizado e o back também, só que isso não vai ser bom pro teu blog...

tem muita gente que ainda utiliza monitores com a resolução 1024x768, hoje em dia é muito difícil se encotrar templates com 1280x1024,

isso vai causar aquela chata e incomoda barrinha horizontal! aff

ela pode ser retirada com uma simples linha de comando...

mas dessa maneira seu site vai ficar todo mau visualizado...

o melhor que tu tem a fazer é diminuir o banner para a largura de 960px utiliza aquela imagem que eu te dei, bem estou tentando lhe dizer o que é melhor para você, mas se quiser continuar a tentar aumentar o header...

fazer o que, pensa bem em cara,

estou tentando ajeitar o site aqui, mas acho melhor você diminuir o banner!

Vlw

Matheus Matos

TeTheus

Link para o comentário
Compartilhar em outros sites

  • 0

Ah, beleza matheus, vou usar aquela imagen lá então. :(

Vou ver se der certo gente encerra o Tópico ^^ Veleu mathues.

---------------------------------------------------------------------------------

Ai matheus eu fiz o que você falou, agora continuou encostado na lateral da jenela...

---------------------------------------------------------------------------------

Agora configurei o div#page_wrap Ai fico ajustado, mais eu queria que ficasse o banner grandao tipo

nos cantos pra eu poder criar um backgrond mais bacana =/

Se puderem me ajudar. :(

MAIS AGRADEÇO A GALERA AI POR TER ME AJUDADO! VLW MESMO!! ^^

Editado por Dufaukz
Remover quotes desnecessários (Jonathan)
Link para o comentário
Compartilhar em outros sites

  • 0

Opa defaukz,

olha só o que tu vai fazer:

1ª) baixar esse arquivo --> é o template wordpress já arrumado

2ª) instalá-lo e ativá-lo

3ª) tirar printscreen da tela e mostrar aqui

4ª) voltar no fórum no caso de possíveis erros do template (acho difícil)

hehehe, é isso baixa, instala e mostra o printscreen aí, meu monitor é de 1024x768

Vlw

Matheus Matos

TeTheus

Link para o comentário
Compartilhar em outros sites

  • 0

Ai matheus deu certo, mais o bg tá repetindo, como faço pra ele não repetir?

www.dufaukz.com

----------------------------------------------------------------------------------------

E tem como você dizer como você fez? porque é mais facil eu adicionar informações do que colocar informações novas, porque asi eu vou ter que arrumar os códigos tudo de novo.

Eu coloquei esse template que você me mandou ficou certinho o background mais as outras configurações que eu avia feito não aparecem.

Teria como me dizer aonde colocar os códigos?

Editado por Dufaukz
Link para o comentário
Compartilhar em outros sites

  • 0

Pra imagem de fundo não repetir, no "style.css" você deveria colocar assim:

background: url(images/bg.gif) no-repeat;

Mas no seu caso não precisa, pois já está configurado pra não repetir (inclusive, aqui o seu site está funcionando perfeitamente...).

E o ideal, seria deixar do jeito que está, com espaços sobrando do lado esquerdo e direito, pois não haverá problemas com monitores de menor resolução...

Por exemplo, se seu monitor é de 19" e você ocupa todo o espaço das laterais, quando alguém for abrir seu site em um monitor de 15", o espaço do site lateral, ocupará mais do que a tela, por isso, o visitante do site vai ter que ficar usando a barra de rolagem horizontal (o que seria meio desagradável).

Link para o comentário
Compartilhar em outros sites

  • 0
Beleza, então vou esperar o matheus entrar, pra ver se ele me arruma as configurações certinhas lá, pra eu poder adicionar ao style.css que tá instalado no site.

Olá Dufaukz, beleza?

Bem, estou lhe enviando neste link o style.css o unico arquivo que alterei (eu acho) e a imagem de fundo também que tu vai ter que usar, ( a imagem tu coloca solta, na mesma pasta do style)...

bem, abaixo do screens que eu tirei aqui em casa, e deverá ficar igual no seu blog:

com monitores 1024x768:

screenada.png

aqui eu diminui o zoom, mas é o que deve ser visualizado por pessoas que tem monitores com 1280x1024

screenyvy.png

bem, altera aí os style e coloca o arquivo back.gif e volta aqui pra gente debater! hehehe

vlw!

Matheus Matos

Editado por Matheus Matos
Link para o comentário
Compartilhar em outros sites

  • 0

Bom pessoal, tudo o que vocês me ajudaram deu certinho.

Agradeço muito á vocês vlw mesmo.

Eu decidi usar outro template no site, mais mesmo assim vlw ai rapaziada, bom trabalho.

Acho que esse tópico já pode ser encerrado, e Intitulado como RESOLVIDO. Valeu ai!

Link para o comentário
Compartilhar em outros sites

  • 0
Bom pessoal, tudo o que vocês me ajudaram deu certinho.

Agradeço muito á vocês vlw mesmo.

Eu decidi usar outro template no site, mais mesmo assim vlw ai rapaziada, bom trabalho.

Acho que esse tópico já pode ser encerrado, e Intitulado como RESOLVIDO. Valeu ai!

Há tá!

Vlw dufaukz!

Esse foi seu primeiro post, causou toda esse debate pra tentarmos resolver...

mas tem nada não seja bem vindo ao fórum do ScriptBrasil, que tal ler as regras?

são apenas regras necessárias e não superfálas, não pense que ao ler elas você estará lendo um contrato enorme desse sites que a gente ver por aí...

lendo as regras, você terá uma vida saudavél aqui no fórum, evitando que seja punido e notificado!

há! e boa sorte aí com o blog, continuarei acessando! hehehe

"Sobre marcar como resolvido você mesmo pode fazer isso, basta ir até o primeiro post do tópico (onde você fez a pergunta) e clicar em editar --> edição completa. Voce poderá mudar o nome do tópico, coloque (Resolvido) antes do título do post. Se não puder fazer, eu aviso aqui pro monitor (Jonathan) ou aos moderadores do fórum, o Thelon e o KaKarotto"

Vlw

Matheus Matos

TeTheus

Editado por Matheus Matos
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...