Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Mensagem por Joker™ em 09/03/12, 05:02 pm

Qual é minha questão:
Simples, eu quero por essas imagens se unindo, formando assim, uma imagem bem grandona pra ficar tipo naquele fórum:

Obs: Eu sei que no fórum com esse sistema tem essas imagens em tamanho grande, mas o que eu quero é alguma forma de esticar essas imagens e unificalas

Medidas que eu tomei para corrigir o problema:
Nenhuma.

Links e imagens do meu problema:
Imagens:







Links:

Fórum Frito - Imagem Buscada.

CSS:
Convidado clique aqui para ver o que está oculto:
/* Nome modificado [Blunt] */

a[href="/u61"] {
background: url('http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif');
text-shadow: 0px 0px 5px #C90000;}

#new-message-link a{border: none !important;
-moz-box-shadow : 0 0 0px #666 !important;
-webkit-box-shadow : 0 0 0px #666 !important;
box-shadow : 0 0 0px #666 !important;}

#fa_ticker_block{width: 920px;
position: relative;
left: 28px;
padding: 10px;
margin: -10px;
padding-top: 15px;}


#page-header .navbar, #page-footer .navbar{
width: 900px !important;
margin-left: 32px;}

.headerbar{
padding-top: 30px;
margin-left: 32px;
width: 910px !important;}

#page-header{
width: 980px;
background: url(http://i48.servimg.com/u/f48/17/28/71/97/110.png) no-repeat top

center;}

#page-body{
background: url(http://i48.servimg.com/u/f48/17/28/71/97/210.png) repeat-y center !

important;
width: 980px;
margin: 0px 0px;}

#outer-wrapper{
padding: 4px 0px;}

#page-footer{
float: center !important;
width: 980px;
background: url(http://i48.servimg.com/u/f48/17/28/71/97/310.png) no-repeat bottom center;
height: 110px;}

#wrap{
position: relative;
left: 0px;}

#profiles {
width : auto;
padding : 1px;
border : 2px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;
box-shadow : 0 0 10px #666;}

.lastpost{
margin: 3px;
width : 740;
border : 2px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 8px #666;
-webkit-box-shadow : 0 0 8px #666;
box-shadow : 0 0 8px #666;}

.header .lastpost{
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;}

#tabs a{
margin: 10px;
width : auto;
color: white;
padding : 2px;
border : 2px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;
box-shadow : 0 0 10px #666;}

#tabs .activetab a {
background: url('');
width : auto;
color: white;
padding : 2px;
border : 2px solid #EEE;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
-moz-box-shadow : 0 0 10px #666;
-webkit-box-shadow : 0 0 10px #666;}

li.row {background-image: url('http://i66.servimg.com/u/f66/13/46/75/82/a20.png');}


p em b a.gensmall{font-style: normal;
font-style: italic;
font-weight: bold;
font-family: Verdana,Arial,Helvetica,sans-serif;
text-transform: none;}

p em{font-style: normal;
font-size: 1.05em !important;
font-weight: bold;
color: #90AD0E;
background: url(http://r11.imgfast.net/users/1113/16/83/00/smiles/26049.png) no-repeat

left;
padding-left: 15px;
padding-top: 1px;
font-family: Verdana,Arial,Helvetica,sans-serif !important;
text-transform: uppercase;}

.hierarchy {background: none;}
.hierarchy:before {content: url(http://illiweb.com/fa/empty.gif);}

.introduction, .panel {background-color: #fcfcfc;
border: 2px solid #eaeaea;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}

button.button2, input.button2{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;}

#login_popup_buttons input{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png) !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
border-radius: 3px !important;
padding: 2px !important;}

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover,

button.button2:hover {
color: #048ebb;}

#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls

button.button2{
background-image: url(http://i66.servimg.com/u/f66/13/46/75/82/bbg11.png);
color: black;
padding: 3px;}

.module {
margin: 3px;
border : 1px solid #949494;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
background: url('http://i88.servimg.com/u/f88/14/28/28/25/111.png');
background-repeat: repeat-x;
background-color: #f4f4f4;}

.icon-home{
background: url(http://i66.servimg.com/u/f66/13/46/75/82/iconho11.png) no-repeat top;
padding: 12px;
padding-bottom: 20px;
color: transparent !important;
font-size: 0px !important;}

.icon-home:hover{
background: url(http://i66.servimg.com/u/f66/13/46/75/82/iconho12.png) no-repeat top;
color: transparent;}

.blog_cal-border {
background-color: transparent;
border: 0px;
background: url('http://i66.servimg.com/u/f66/13/46/75/82/blog210.png') no-repeat center;
padding: 5px 5px;}

.blog_cal-content {
background-color: transparent;
color: ;}

ul#privmsgs-menu {
border : 1px solid #949494;
padding: 1px;
margin-right: -80px;
width : 530px;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
-moz-box-shadow : 0 0 6px #666;
-webkit-box-shadow : 0 0 6px #666;
box-shadow : 0 0 6px #666;
background: url('http://i88.servimg.com/u/f88/14/28/28/25/111.png');
background-repeat: repeat-x;
background-color: #f4f4f4;}

.blog .icon {
background-image: url(http://i45.tinypic.com/af911z.png) no-repeat, center;
width: 59px;
height: 80px;
padding-top: 20px;}

/*-------------------shame on me-------------------*/

#page-footer{color: transparent; margin-bottom: 20px;}
#page-footer .gensmall{color: #666666;}
#page-footer a[href="http://www.blogratuit.ro/ro/"]{display: none !important;}
#page-footer a[href="/report_abuse.forum?page=%2Fmeniuri-f15%2Fbass-meter-meniu-

t168.htm&report=1"]{display: none !important;}

#page-footer a[href="/report_abuse.forum?page=%2Fforum.htm&report=1"]{display: none !

important;}


img[src="http://illiweb.com/fa/empty.gif"]{display: none !important;}
img[src="http://illiweb.com/fa/empty.gif"]{display: none !important;}


#page-footer a[href="http://www.blogratuit.ro/ro/"]{display: none !important;}
#page-footer a[href="http://www.freeforums-hosting.com"]{display: none !important;}

/*-------------------BGend-shame on me-------------------*/

.forabg, .forumbg {
-moz-border-radius: 10px 10px 11px 11px;
-webkit-border-radius: 10px 10px 11px 11px;
border-radius: 10px 10px 11px 11px;
padding: 0 6px !important;}

.forumline{
-moz-border-radius: 10px 10px 11px 11px;
-webkit-border-radius: 10px 10px 11px 11px;
border-radius: 10px 10px 11px 11px;}

.icon{margin-left: -22px;
padding-left: 22px;}

.forumbg .icon{margin-left: -22px;
padding-left: 22px;}

.forabg dd.posts, .forabg dd.topics, .forabg dd.lastpost{margin: 2px;}



.forabg ul.forums, .pmlist {
border: 2px solid white;
background: #FFFFFF;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}

ul.topiclist, .pmlist {
z-index: 999 !important;
position: relative !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}

.pmlist .icon{margin-left: -25px !important;
padding-left: 25px;}

.forabg .row{background: none !important;}

.forumbg .row{
border-left: 2px solid white;
border-right: 2px solid white;}

.forumbg .row:first-child, .forumbg .row2:first-child, .table1 .row:first-child, .table1

.row2:first-child{
-moz-border-top-left-radius: 10px;
-moz-border-top-right-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px 10px 0 0;
border-top-right-radius: 10px 10px 0 0;
border-top: 2px solid white;}

.forumbg .row:last-child, .forumbg .row2:last-child, .table1 .row:last-child, .table1

.row2:last-child{
-moz-border-bottom-left-radius: 10px;
-moz-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px 10px 0 0;
border-bottom-right-radius: 10px 10px 0 0;
border-bottom: 2px solid white;}

ul.search{
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x !

important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
border: 2px solid white;}

.table1{
z-index: 999 !important;
position: relative;}

.forumbg-table .left-box, .forumbg-table .right-box, .forumbg-table .row1{
z-index: 999 !important;
position: relative !important;}

table{
border-spacing: 0px;
border-collapse: expres​sion('separate', cellSpacing = '0px');}

.forabg .corners-bottom, .forumbg .corners-bottom{
display: inline-block;
width: 920px;
margin-left: -6px;
padding-top: 50px;
margin-top: -40px;
background: url(http://yourimg.in/m/h39m191.png) repeat-x bottom;
z-index: -1 !important;
-moz-border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;}

#page-header .navbar ul.navlinks{
width: 1012px;
height: 50px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/meniu12.png) no-repeat top center;
left: -56px;
position: relative;}

#page-header .navbar ul.navlinks li a{
color: white;
position: relative;
bottom: -22px !important;
margin: 5px;
font-family: arial;
font-size: 14px;
text-shadow: 1px 1px 1px black;}

#page-header .navbar ul.navlinks li a:hover{
text-shadow: -1px -1px 1px black;
color: #dcf9ff;}

.overview{
border: 2px solid #2b6f02;
top: 50px !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
color: white !important;
background: #3B9D00 url(http://i66.servimg.com/u/f66/11/96/49/61/ovbg10.png) repeat-x;}

.overview label{color: white;}

.overview .row2{background: none;
border-bottom: 1px dashed white;
text-shadow: 1px 1px 1px black;}

.overview a{position: static !important;}

post{
background: #fcfcfc url(http://i33.servimg.com/u/f33/15/33/29/01/of10.png) no-repeat bottom

left;
border: 2px solid #eaeaea;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}

#preview {
background: #eeeeee !important;}

input[type="text"],input[type="password"]{background-image: none !important;}

.online {
z-index: 999 !important;
background: white url(http://i33.servimg.com/u/f33/15/33/29/01/on10.png) no-repeat bottom

right;
}

dl.codebox {
background-color: #ffffff;
border: 1px solid #e4e4e4;}

dl.codebox dt {
text-transform: none;
background: url(http://i64.servimg.com/u/f64/14/54/25/26/cod12.png) no-repeat right;
border-bottom: 1px dashed #c6e340;
font-size: 12px;
font-family: "Trebuchet MS",georgia,Verdana,Sans-serif;
color: #666666;}

.resizebox{
background: #ffffff url("http://i66.servimg.com/u/f66/13/46/75/82/zoom11.png") 1px 1px no-

repeat;
background-position: top right;
font-size: 12px;
font-family: "Trebuchet MS",georgia,Verdana,Sans-serif;}

.resizebox .resize_border{border: 1px solid #e4e4e4;}

#chatbox{left: 205px;
top: 40px;}

#chatbox_members{top: 40px;}

#chatbox_footer {padding-top: 4px !important;
padding-bottom: 4px !important;
padding-right: 0px !important;
padding-left: 0px !important;
width: 96%;
margin-left: 1.5%;}

#chatbox_footer #message{padding: 3px;
width: 70%;
cursor: text;}

#chatbox_footer .text-field {width: 500px;
margin-top: 5px;}

#chatbox_footer .fontbutton{padding: 3px;
background: #f6ffe0;
border: 2px solid #558A11;}

.postprofile{
float: left !important;
color: forestgreen;
text-align: left;
border-color: #e6e6e6;}

#login_popup {border: 2px solid #198699;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #f0f0f0 url(http://i66.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;}

.pagination a {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px !important;}

.pagination a:hover{color: #90AD0E !important;}

.pagination span strong{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px;
color: #198699;}

.row .pagination {
background: url('http://i66.servimg.com/u/f66/13/46/75/82/docume11.png') 0 50% no-repeat;}



#page-footer .copyright strong a{
border: 2px solid black;
padding: 5px;
background: white;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
position: relative;
bottom: -15px;
width: 100% !important;}

ul#picture_legend {
margin: 5px;
padding: 5px;
border : 1px solid #949494;
-moz-border-radius : 7px;
-webkit-border-radius : 7px;
border-radius : 7px;
background: url('http://i88.servimg.com/u/f88/14/28/28/25/111.png');
background-repeat: repeat-x;
background-color: #f4f4f4;}

.user_login_form{margin: 5px;}

body{cursor:url(http://img24.imageshack.us/img24/7129/glovecursor.png),auto}a:hover

{cursor:url(http://img24.imageshack.us/img24/7129/glovecursor.png),auto}

div.h2,div.h3{border-bottom:1px solid #95b031!important}

#chatbox {
background-image: url();
background-repeat: no-repeat;
background-position: bottom right;
}

#username_reg {
border:2px solid red!important;
}
#username_reg.okusername {
border:2px solid green!important;
}


/* Caixa de busca por SUPERO*/
#search-box{position: center; bottom: 55px;height: 40px;width: 190px;right: -

150px;display: inline;
background: transparent url() no-repeat center;}
#search-box input.button2 {display: none;}
#search-box {padding-bottom: 5px !important;}
#search-box #keywords {width: 70px;color: white;font-family: Verdana;font-size: 16

px;font-style: bold;font-weight: bold;background: transparent;}
#search-box input {border: none !important;background: none;}
#search-box input.search {background: none;margin-left: 30px;margin-top: 15px;}
/* Fim da caixa de busca */


form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://img15.imageshack.us/img15/3686/asdasasdsdgfds.png);
background-repeat: no-repeat;
background-position: bottom right;
}

#message-box textarea {
background-image: url(http://img15.imageshack.us/img15/3686/asdasasdsdgfds.png);
background-repeat: no-repeat;
background-position: bottom right;
}

/* EFEITOS LETRAS */

a[href="/u1"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}

a[href="/u62"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}

a[href="/u7"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");

}

a[href="/u161"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}

a[href="/u162"] {
background: url("http://recadosfacil.com/m/brilhos_stars/c9my93s7.gif");
}


/* FIM DOS EFEITOS LETRAS */

/* EFEITOS NEONS */

a[href="/u62"] {
text-shadow: 0px 0px 5px #00FFFF;
}

a[href="/u53"] {
text-shadow: 0px 0px 5px #4F4F4F;
}

a[href="/u7"] {
text-shadow: 0px 0px 5px #00FF00;
}

a[href="/u162"] {
text-shadow: 0px 0px 5px #0000CD;
}


/* FIM EFEITOS NEON */

.buttons{min-height: 50px;}

.buttons a img{background: url(http://i43.servimg.com/u/f43/16/43/60/45/noname10.png) no-

repeat center;}

.buttons a img:hover{background: url

(http://img692.imageshack.us/img692/1253/bg1310copy.png) no-repeat center;}


blockquote{-moz-border-radius:5px;-webkit-border-radius:5px;background:#ffffff}blockquote

blockquote{-moz-border-radius:5px;-webkit-border-radius:5px;background:gray}


input[value="Outros"]{background:url(http://i49.servimg.com/u/f49/15/59/73/38/save10.png)

no-repeat center!important;color:transparent!important}


.contract,.expand{background:url

(http://illiweb.com/fa/m/tabs_more1.gif);cursor:pointer;height:9px;position:absolute;right:

10px;top:6px;width:9px}.contract{background:url(http://illiweb.com/fa/m/tabs_less1.gif)}

/* Personalizacao do Butao de votar - Forum Dos Foruns */

.vote {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#EAEAEA;
border:1px solid #D4D6D5;
padding:4px 1px;
text-align:center;
width:20px;
}


.vote .vote-button a[href$="plus"] {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://i26.servimg.com/u/f26/12/56/56/12/116.jpg) no-repeat

scroll 0 0;
color:transparent;
display:block;
height:21px;
width:22px;
}

.vote .vote-button a[href$="minus"] {
background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/212.jpg);
background-repeat:no-repeat;
color:transparent;
display:block;
height:21px;
width:22px;
}

blockquote{background:#fcfcfc url(http://i16.servimg.com/u/f16/11/08/38/53/bg210.png)

0px 0px no-repeat;border:1px solid #DBDBCE;font-size:.95em;margin:1em 1px 1em

25px;overflow:hidden;padding:5px}blockquote div{margin-left:20px}blockquote blockquote

{background-color:#EFEED9;font-size:1em;margin:.5em 1px 0 15px}blockquote blockquote

blockquote{background-color:#fcfcfc}blockquote cite{display:block;font-size:.9em;font-

style:normal;font-weight:700}blockquote cite cite{font-size:1em}blockquote.uncited

{padding-top:25px}ul{list-style-type:none}

.codebox {
display:block;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
}



.linklist { display: none; }

p.copyright:before{
margin-left: 50px;
text-align: center;
content: 'Copyright © 2012 Tudaki - Todos Os Direitos Reservados.';
color: #666666;
display: block;
padding-bottom: 10px;}

#main-content div.h3{border:1px solid #548710!important;padding:3px!important;border-

radius:6px!important;-moz-border-radius:6px!important;-webkit-border-radius:6px!

important;text-align:center!important}

div.topic-actions div.search-box{display:none}

.header{text-shadow: 1px 1px 0px #286b00;}

.post {
background-color: #f4f4f4;
-moz-border-radius: 10px 0px 10px 0px;
-webkit-border-radius: 10px 0px 10px 0px;
border: 3px dotted #bcbcbc;
background-image: url('');
background-position: bottom right;
background-repeat: no-repeat;}

.forabg {
margin-bottom: 15px;
}

.forabg ul.forums,.pmlist{background-image:url

(URL BG)!important}

#main-content div.panel.row3 div#cp-main.ucp-main .panel{border:0;padding:0px 0px 0px

0px}

.post .postprofile{border-right:3px dotted #BCBCBC;border-bottom:3px dotted

#BCBCBC;margin-top:0px;padding-top:10px;padding-left:10px;-webkit-border-bottom-right-

radius:10px;-moz-border-radius-bottomright:10px;border-bottom-right-radius:10px}.post

.corners-top{display:none}.post{padding-left:0px}

.module {
border: dotted 2px;
-moz-border-radius: 10px 0;
-webkit-border-radius: 10px 0 10px 0;
}

div.panel.introduction{border:3px dotted #BCBCBC}

input.button1, input.button2, button.button2, a.button1, input.button1, a.button2,

input.button2, button.button2, a.button1, input.button1, a.button2, input.button2,

button.button2, body:last-child a.button1, input.button1, a.button2, input.button2,

button.button2, input, button {
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;
}
input.button1:hover, input.button2:hover, button.button2:hover, a.button1:hover,

input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover,

a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover,

button.button2:hover, body:last-child a.button1:hover, input.button1:hover,

a.button2:hover, input.button2:hover, button.button2:hover, input:hover, button:hover{
background: #f4f5f4 url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 2px;
border: 1px solid #46a9af;
color: #46a9af;
}a,a:link,a:hover,a:visited{text-decoration:none}#userlinks ul li a {
text-decoration:none}#chatbox_members {
border-right: 0px solid;
bottom: 0px;
overflow: auto;
position: absolute;
top: 30px;
width: 180px;
}#userlinks {
background-color: transparent;
}.vote .vote-button, .vote-no-bar {
display:none;
}
.vote .vote-button:first-child {
display:block;
}#chatbox_members .member-title {
text-transform: capitalize;
}
.row3 {
background-color: #00C6D4 !important;
}.table-title, .table-title h2, ul.topiclist li.header dl dd {
color: #FFFFFF;
}
ul.linklist li a img{margin-left:-7px;margin-right:-7px;}
.module {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}main table td.tc3:hover, .pun .main table td.tcr:hover{
background-color: #CCC;
}#main-content {
padding-top: 10px;
}

Endereço do meu fórum:
Tudaki - Meu Fórum.

Versão do meu fórum:
PHPBB3


Última edição por Alan Castelo em 12/03/12, 08:57 pm, editado 1 vez(es)
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Mensagem por MateusV. em 09/03/12, 05:08 pm

Olá, adicione este codigo em seu CSS
Código:
 #page-header{
        width: 984px;
        background: url(http://i43.servimg.com/u/f43/16/43/60/45/s10.png) no-repeat top center;}

#page-body{
background: url(http://i66.servimg.com/u/f66/13/46/75/82/body33.png) repeat-y center !important;
width: 100%;
margin: 0px 0px;}

#outer-wrapper{
padding: 4px 0px;}

#page-footer{
float: center !important;
width: 984px;
background: url(http://i66.servimg.com/u/f66/13/46/75/82/f11.png) no-repeat bottom center;
height: 70px;}
Cordialmente. Feliz
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Mensagem por Joker™ em 09/03/12, 05:20 pm

Não, não... Isso ai eu ja tinha, eu quero fazer é esticar essas imagens ai para poder a pagina carregar mais rapido, já que essas ai são menores...


Tipo:
Quando se põe um fundo, ele se estica todo, até completar. Eu quero esticar essas imagens ali, até elas até fazer um efeito parecido com esse dai que ele pôs imagens grande..., entende?

Tem como fazer isso?
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Mensagem por MateusV. em 09/03/12, 05:23 pm

Olá, a qualidade da imagem pode ficar muito baixa, mas substitua o codigo por este
Código:
 #page-header{
        width: 984px;
        background: url(http://i48.servimg.com/u/f48/17/28/71/97/110.png) no-repeat top center;}

#page-body{
background: url(http://i48.servimg.com/u/f48/17/28/71/97/210.png) repeat-y center !important;
width: 100%;
margin: 0px 0px;}

#outer-wrapper{
padding: 4px 0px;}

#page-footer{
float: center !important;
width: 984px;
background: url(http://i48.servimg.com/u/f48/17/28/71/97/310.png) no-repeat bottom center;
height: 70px;}
Cordialmente. Feliz
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Mensagem por Joker™ em 09/03/12, 05:29 pm

Ficou no tamanho original :/, não esticou, como faz pra esticar? E outra coisa...

Qual código eu uso pra mostrar esse tipo de spoiler ai,reduzido e com botão selecionar? Pode me dizer?
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Mensagem por MateusV. em 09/03/12, 05:36 pm

Olá, de que spoiler fala? quer dizer a tag "code"? Enquanto ao codigo substitua-o por este
Código:
 #page-header{
        width: 984px !important;
        background: url(http://i48.servimg.com/u/f48/17/28/71/97/110.png) no-repeat top center width: 984px;}

#page-body{
background: url(http://i48.servimg.com/u/f48/17/28/71/97/210.png) repeat-y center width: 100% !important;
width: 100% !important;
margin: 0px 0px;}

#outer-wrapper{
padding: 4px 0px;}

#page-footer{
float: center !important;
width: 984px !important;
background: url(http://i48.servimg.com/u/f48/17/28/71/97/310.png) no-repeat bottom center width: 984px;
height: 70px;}
Cordialmente.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Mensagem por Joker™ em 09/03/12, 05:41 pm

Sim... E não, não funcionou..., as imagens sumiram :/.
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Mensagem por Joker™ em 09/03/12, 05:52 pm

Faz o seguinte tem como eu poruma borda naquilo? Assim não precisa esticar... A borda faz o trabalho sozinho...
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Mensagem por MateusV. em 09/03/12, 06:06 pm

Olá, se deseja apenas colocar uma borda o codigo é este
Código:
 #page-header{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border: 1px solid white;
}

#page-body{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border: 1px solid white;
}

#outer-wrapper{
padding: 4px 0px;}

#page-footer{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border: 1px solid white;}
.forumline {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border: 1px solid white;
}
Cordialmente.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Mensagem por Joker™ em 09/03/12, 06:29 pm

Tem como preencher essa borda com cor? E fazer essa borda igual a dos meus widgets? Aquelas com pontinhos?
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Mensagem por MateusV. em 09/03/12, 06:38 pm

Olá, sim, entenda o codigo
#page-header{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border: 5px dotted white;
}

#page-body{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border: 5px dotted white;
}

#outer-wrapper{
padding: 4px 0px;}

#page-footer{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border: 5px dotted white;
}
.forumline {
-moz-border-radius:10px;
-webkit-border-radius:10px;
border: 5px dotted white;
}
Verde, nele você ira revezar entre solid e dotted, solid é uma borda solida, apenas o traço, dotted é uma borda com pontos, vermelho, nele você coloca o codigo hexadecimal da cor ou seu nome em ingles.
Obs: Faça isto em todas as partes do codigo
Cordialmente.
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Mensagem por Joker™ em 09/03/12, 06:43 pm

Tem como por uma cor de fundo nessa borda? Pipoca Digo dento dela um fundo nela?
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Resolvido Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?

Mensagem por Joker™ em 12/03/12, 08:52 pm

REsolvi aqui sosinho, valeu ai...
avatar

Joker™
Usuário destaque

Masculino
Inscrito dia : 18/02/2012
Mensagens : 617
Pontos Ativos : 982

Ver perfil do usuário http://tudaki.forumeiro.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum