InícioComo fazer para essa imagem de fundo se esticar para ficar um belo tamanho?
2 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1 • Compartilhe
Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?
por Joker™ 09.03.12 20:02
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:
Endereço do meu fórum:
Tudaki - Meu Fórum.
Versão do meu fórum:
PHPBB3
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('https://i.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(https://i.servimg.com/u/f48/17/28/71/97/110.png) no-repeat top
center;}
#page-body{
background: url(https://i.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(https://i.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('https://i.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(https://2img.net/u/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(https://2img.net/i/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(https://i.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(https://i.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(https://i.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('https://i.servimg.com/u/f88/14/28/28/25/111.png');
background-repeat: repeat-x;
background-color: #f4f4f4;}
.icon-home{
background: url(https://i.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(https://i.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('https://i.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('https://i.servimg.com/u/f88/14/28/28/25/111.png');
background-repeat: repeat-x;
background-color: #f4f4f4;}
.blog .icon {
background-image: url(https://2img.net/h/oi45.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="https://2img.net/i/fa/empty.gif"]{display: none !important;}
img[src="https://2img.net/i/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(https://i.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: expression('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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.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("https://i.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(https://i.servimg.com/u/f66/13/46/75/82/bg113.png) repeat-x;}
.pagination a {
background: #f4f5f4 url(https://i.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(https://i.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('https://i.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('https://i.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(https://2img.net/r/ihimizer/img24/7129/glovecursor.png),auto}a:hover
{cursor:url(https://2img.net/r/ihimizer/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(https://2img.net/r/ihimizer/img15/3686/asdasasdsdgfds.png);
background-repeat: no-repeat;
background-position: bottom right;
}
#message-box textarea {
background-image: url(https://2img.net/r/ihimizer/img15/3686/asdasasdsdgfds.png);
background-repeat: no-repeat;
background-position: bottom right;
}
/* EFEITOS LETRAS */
a[href="/u1"] {
background: url("https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u62"] {
background: url("https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u7"] {
background: url("https://i.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u161"] {
background: url("https://i.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(https://i.servimg.com/u/f43/16/43/60/45/noname10.png) no-
repeat center;}
.buttons a img:hover{background: url
(https://2img.net/r/ihimizer/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(https://i.servimg.com/u/f49/15/59/73/38/save10.png)
no-repeat center!important;color:transparent!important}
.contract,.expand{background:url
(https://2img.net/i/fa/m/tabs_more1.gif);cursor:pointer;height:9px;position:absolute;right:
10px;top:6px;width:9px}.contract{background:url(https://2img.net/i/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(https://i.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(https://i.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(https://i.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(https://i.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(https://i.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 23:57, editado 1 vez(es)
Joker™- Membro
- Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982 -
Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?
por MateusV. 09.03.12 20:08
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;}
MateusV.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?
por Joker™ 09.03.12 20:20
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?
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?
Joker™- Membro
- Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982 -
Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?
por MateusV. 09.03.12 20:23
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;}
MateusV.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?
por Joker™ 09.03.12 20:29
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?
Qual código eu uso pra mostrar esse tipo de spoiler ai,reduzido e com botão selecionar? Pode me dizer?
Joker™- Membro
- Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982 -
Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?
por MateusV. 09.03.12 20:36
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;}
MateusV.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?
por Joker™ 09.03.12 20:41
Sim... E não, não funcionou..., as imagens sumiram :/.
Joker™- Membro
- Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982 -
Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?
por Joker™ 09.03.12 20:52
Faz o seguinte tem como eu poruma borda naquilo? Assim não precisa esticar... A borda faz o trabalho sozinho...
Joker™- Membro
- Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982 -
Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?
por MateusV. 09.03.12 21:06
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;
}
MateusV.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?
por Joker™ 09.03.12 21:29
Tem como preencher essa borda com cor? E fazer essa borda igual a dos meus widgets? Aquelas com pontinhos?
Joker™- Membro
- Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982 -
Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?
por MateusV. 09.03.12 21:38
Olá, sim, entenda o codigo
Obs: Faça isto em todas as partes do codigo
Cordialmente.
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.#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;
}
Obs: Faça isto em todas as partes do codigo
Cordialmente.
MateusV.- Membro Entusiasta
- Membro desde : 30/10/2011
Mensagens : 7017
Pontos : 9284 -
Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?
por Joker™ 09.03.12 21:43
Tem como por uma cor de fundo nessa borda? 
Digo dento dela um fundo nela?
Digo dento dela um fundo nela?
Joker™- Membro
- Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982 -
Re: Como fazer para essa imagem de fundo se esticar para ficar um belo tamanho?
por Joker™ 12.03.12 23:52
REsolvi aqui sosinho, valeu ai...
Joker™- Membro
- Membro desde : 18/02/2012
Mensagens : 617
Pontos : 982 -
Tópicos semelhantes» Como fazer a imagem ficar para no fundo?
» Imagem de fundo esticar para ocupar 100% da largura do ecrã
» No espaço anúncio o que tenho que fazer para ficar como o do FDF ?
» Quadro das últimas mensagens no local errado
» Como colocar essa imagem de fundo nas postagens
» Imagem de fundo esticar para ocupar 100% da largura do ecrã
» No espaço anúncio o que tenho que fazer para ficar como o do FDF ?
» Quadro das últimas mensagens no local errado
» Como colocar essa imagem de fundo nas postagens
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
Facebook
Twitter
Youtube
