Como por essa borda em meu fórum

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

Resolvido Como por essa borda em meu fórum

Mensagem por Corey Taylor- em 11/02/11, 03:05 pm

como coloco essa borda em meu forum . igual a habboz o meu eé .
http://i66.servimg.com/u/f66/11/96/49/61/header25.png
avatar

Corey Taylor-
Nível 2

Masculino
Inscrito dia : 22/01/2011
Mensagens : 13
Pontos Ativos : 22

Ver perfil do usuário http://habbohc.ativo-forum.com

Resolvido Re: Como por essa borda em meu fórum

Mensagem por tinhow em 11/02/11, 03:37 pm

Nossa, Que Estilosa. provavelmente tem que modificar template e ou CSS, Onde vc viw issso? Fi Aki no forumeiros Mesmo?
avatar

tinhow
Nível 8

Masculino
Inscrito dia : 29/12/2010
Mensagens : 132
Pontos Ativos : 193

Ver perfil do usuário http://debobeira.forumeiros.com/

Resolvido Re: Como por essa borda em meu fórum

Mensagem por Corey Taylor- em 11/02/11, 04:47 pm

eu so queria por a Borda igual a Do Habboz olhe la
habboz-forum.net
Meu Codigo CS

Código:
/*--------------- CHRISTMAS ITEMS ---------------*/

#page-header .navbar{
padding: 0;
position: absolute;
top: 0;
height: 142px;
width: 901px;
background: url(http://i36.servimg.com/u/f36/14/26/18/24/menu12.png) no-repeat top center;}

#emptyidright{
z-index: -1;
position: absolute;
top: 150px;
margin-left: 10px;
width: 936px;
height: 301px;
background: url(http://www.wmelbourne.brevard.k12.fl.us/teachers/cohen.roger/Pokemon%20Battles%20Web%20Folder/azelf.png) no-repeat;
/*THE SANTA FROM HEADER*/}

/*--------------- END - CHRISTMAS ITEMS ---------------*/

.attachbox{
margin: 5px !important;
border: 2px solid white;
background: #d2dfe8;
border-radius:  8px;
-webkit-border-radius:  8px;
-moz-border-radius:  8px;
-moz-box-shadow: 0 0 5px black;
-webkit-box-shadow: 0 0 5px black;
box-shadow: 0 0 5px black;}

#login_popup{
color: white !important;
text-shadow: 1px 1px 0px black;
border: 3px solid white;
border-radius:  8px;
-webkit-border-radius:  8px;
-moz-border-radius:  8px;
background: #274d8b;
color: white;
-moz-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
-webkit-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
box-shadow: 0px 0px 15px black, 0px 0px 15px black;}

#login_popup .h3{
border-bottom: 1px solid white !important;
color: white !important;}

#login_popup_buttons input{
font-family: arial !important;
font-size: 15px;
font-weight: bold;
border: none !important;
background: none !important;
color: white !important;
text-shadow: 1px 1px 0px black !important;}

.codebox dd{margin-top: -18px;}

.codebox.spoiler dd{margin-top: -15px;}

code{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #536482 !important;}

.codebox{
text-shadow: 1px 1px 0px white;
background: #edf3f7 !important;
border: 2px solid #1675BC !important;
border-radius:  5px;
-webkit-border-radius:  5px;
-moz-border-radius:  5px;}

.codebox dt{
border: 0;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/page_w10.png) no-repeat top right;
height: 20px;
position: relative;
padding-top: 15px;
top: -15px;}

.codebox.hidecode dd{
position: relative;
z-index: 99;
margin-top: -40px;}

blockquote{
text-shadow: 1px 1px 0px white;
margin-left: 0;
padding: 7px;
background: #edf3f7 url(http://cdn5.iconfinder.com/data/icons/momenticons-gloss-basic/momenticons-gloss-basic/32/comment2.png) no-repeat 5px;
border: 1px solid #1675BC;
border-radius:  5px;
-webkit-border-radius:  5px;
-moz-border-radius:  5px;}

blockquote div {margin-left: 40px;}

.resizebox{
text-shadow: 1px 1px 0px white;
margin-bottom: 5px;
background: #edf3f7 url(http://i66.servimg.com/u/f66/11/96/49/61/magnif10.png) no-repeat 2px;
border: 1px solid #1675BC;
padding: 4px;
padding-left: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;}

.resizebox .resize_border{border: 0;}

#fa_ticker_block .module{
border: 1px solid #1675BC;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius:  7px;
margin-left: 33px;
width: 838px;
margin-bottom: 0;}

.rightside a[href="/forum.htm?mode=delete_cookies"]{
padding: 5px 7px 7px 7px;
background: #3969a4 url(http://i66.servimg.com/u/f66/11/96/49/61/cookie11.png) repeat-x top;
color: white;
text-shadow: 1px 1px 0px black;
position: relative;
left: -30px;
top: -10px;
border-radius: 0 0 5px 5px;
-webkit-border-bottom-left-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius: 0 0 5px 5px;}

.rightside a[href="/forum.htm?mode=delete_cookies"]:hover{
background: #3969a4 url(http://i66.servimg.com/u/f66/11/96/49/61/cookie11.png) repeat-x top;}

a.button1, a.button2, button.button2, input.button1, input.button2{
padding: 4px;
border-radius:  5px;
-webkit-border-radius:  5px;
-moz-border-radius:  5px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/button18.png) repeat-x top;}

textarea, input, .inputbox{
border-radius:  5px;
-webkit-border-radius:  5px;
-moz-border-radius:  5px;
text-shadow: 1px 1px 0px white;
background: #efefef;}

.select{
margin-left: -60px;
margin-top: 35px;
top: auto !important;}

.panel{
margin: 10px;
border-radius:  7px;
-webkit-border-radius:  7px;
-moz-border-radius:  7px;
border: 1px solid #1675bc;}

#profile-advanced-layout, #profile-advanced-right{
background: white;
position: relative;
z-index: 999;
display: inline-block !important;}

#page-footer{margin-top: 40px;}

.footer-home{top: -120px !important;}

 #page-body, #emptyidleft, #page-header .navbar, #search-box, #logo-desc, #search-box #keywords{
display: inline-block !important;}

#site-title, #logo-desc p{display: none;}

body{
background-attachment: fixed !important;
padding-left: 30px;}

#wrap{
margin-top: 150px;}

#search-box{
margin: 0;
padding: 0;
background: transparent url(http://i66.servimg.com/u/f66/11/96/49/61/search11.png) no-repeat top center;
position: relative;
left: -40px;
top: -20px;
width: 184px;
height: 50px;}

#search-box .button2{display: none;}

#search-box #keywords{
background: none;
border: none;
width: 120px;
height: 50px;
bottom: 2px;
left: 30px;
position: relative;}

#page-header{
min-height: 245px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/header25.png) no-repeat top center;
width: 926px;}

#page-header .navbar ul{
left: 35px;
border: 0 !important;
position: relative;
bottom: -97px;}

#logo-desc{
margin-left: 85px;
margin-top: 16px;}

#page-header .navbar .linklist.navlinks a{
margin-right: 3px;
text-shadow: 1px 1px 3px black;
color: white !important;}

#page-header .navbar .linklist.navlinks a:hover{
color: #e2edf9 !important;
text-shadow: -1px -1px 2px black;}

.headerbar{background: none;}

#emptyidcc{
width: 926px;
display: inline-block !important;
padding: 10px 0px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/body24.png) repeat-y;}

#container{
position: relative;
z-index: 1 !important;
margin-left: 33px;
width: 860px;}

#page-body{
width: 926px;
padding-bottom: 31px;
margin: 0 !important;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/body_e10.png) no-repeat bottom center;}

#page-footer{
width: 926px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/footer25.png) no-repeat top center;
height: 55px;}

#page-footer .navbar{background: none;}

#page-footer .navbar ul{
text-align: center !important;
margin-top: 10px;}

#page-footer ul .rightside a, #page-footer ul .rightside{color: #536482 !important;}

#page-footer ul.linklist li.rightside {
text-align: center !important;
width: 860px !important;
display: inline-block !important;
left: -23px !important;
position: relative;}

.footer-home a{color: transparent !important;}

.icon-home{
left: 6px;
bottom: -6px;
position: relative;
padding: 15px 12px;
font-size: 0px;}

.icon-home, .icon-home:hover, .icon-home:visited, .icon-home:active, .icon-home:link{
color: transparent !important;}

.footer-home{
position: relative;
left: -37px;
top: -80px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/home13.png) no-repeat center;
height: 31px !important;;
width: 38px !important;}

.footer-home:hover{background: url(http://i66.servimg.com/u/f66/11/96/49/61/homeho12.png) no-repeat center;}

#page-footer p.copyright strong a{
float: left !important:
margin-left: 30px;
font-weight: bold;
font-size: 14px;
font-family: arial;
color: white;
text-shadow: 1px 1px 0px black;}

.copyright{text-align: left !important;}

.header{
height: 35px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/titleb10.png);}

#memberlist, .table1{
background: url(http://i66.servimg.com/u/f66/11/96/49/61/titleb10.png) no-repeat top center;
height: 35px;}

#memberlist{padding-top: 18px;}

#memberlist th{margin-top: -10px;}

.table1{padding-top: 15px;}

.header, .header h2, .header h1, .header h3{
font-family: Arial !important;
font-weight: bold !important;
font-size: 11px !important;
text-shadow: 1px 1px 2px black;}

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

.header dd, .header dt{
position: relative;
bottom: -8px;}

.forumbg .header dt{padding-left: 5px !important;}

dd.topics{
font-size: 15px;
text-shadow: 1px 1px 0px white;
position: relative;
left: -517px;
top: -8px;}

.forabg dd, .forumbg dd{border: none !important;}

.row, ul.forums dd{border: none !important;}

.icon{background-position: 20px 70% !important;}

.forumbg .icon{background-position: 8px 50% !important;}

dl[style="background:url(http://hitskin.com/themes/16/81/56/i_category_locked.png) no-repeat scroll 10px 50%;"] .topics {
color: #b52b2b;}

dl[style="background:url(http://hitskin.com/themes/16/81/56/i_category_locked.png) no-repeat scroll 10px 50%;"] {
background-position: 15px 70% !important;}

dl[style="background:url(http://img402.imageshack.us/img402/531/on2.png) no-repeat scroll 10px 50%;"] .topics {
color: #ffb400;
background-position: 15px 70% !important;}

dl[style="background:url(http://img402.imageshack.us/img402/531/on2.png) no-repeat scroll 10px 50%;"] {
background-position: 15px 75% !important;}

.header dd.topics{display: none;}

.forabg .header .posts, .forabg .header .lastpost{
position: relative;
right: -70px;}

form[name="post"] .forabg .header .posts, .form[name="post"] .forabg .header .lastpost{
position: relative;
left: -10px !important;}

form[name="post"] .forabg .header dt{padding-left: 5px;}

.forabg .row:last-child{margin-bottom: -5px;}

.forabg .corners-bottom, .forumbg .corners-bottom{
position: relative;
top: -10px;
background: transparent url(http://i66.servimg.com/u/f66/11/96/49/61/table_12.png) no-repeat bottom center;
height: 16px;}

.forabg, .forumbg {
background: none;
border: none;
padding: 0px !important;}

.panel{margin-bottom: 0;}

#content{
width: 860px;
margin: 0 !important;}

.h3, h3, .panel h2 {
background: url(http://i66.servimg.com/u/f66/11/96/49/61/h3bg10.png) no-repeat bottom left;
border: 0 !important;
color: #0076B1;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.05em;
margin-bottom: 3px;
margin-top: 20px;
padding-bottom: 2px;
text-transform: uppercase;}

.forumbg h3, .forumbg .h3, .forabg h3, .forabg .h3{background: none;}

.pagination{margin: 0;}

.forumbg, .right, fieldset.submit-buttons{margin: 0;}

#picture_legend li:first-child {color: #ffb400;}

#picture_legend li:last-child {color: #b52b2b;}

#picture_legend li img{
margin-right: -55px;
margin-bottom: 25px;}

#picture_legend li{padding-right: 40px;}

.postprofile,.postbody{margin-left: -5px !important;}

.postbody{
border: 2px solid #1675BC;
min-height: 145px;
width: 74%;
border-radius:  10px;
-webkit-border-radius:  10px;
-moz-border-radius:  10px;
background: #E1EBF2;
float: right;
padding: 10px;
position: relative;
left: -5px;}

.postprofile{
margin-top: 20px;
border-radius:  10px;
-webkit-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
float: left;
background: #E1EBF2;
border: 2px solid #1675BC;
padding: 10px 0;}

.post, .post.row, .post.row1, .post.row3 {padding: 0;
background-color: transparent !important;}

.table-title{padding-left: 10px;}

#i_whosonline{margin: 0;
margin-left: -64px;}

.forabg, .forumbg{
margin: 0;
padding-top: 5px !important;}

a.forumtitle:hover{text-decoration: none;}

#hitskin_preview{display: none !important;}

.portal .module{
margin: 5px;
border: 2px solid #1675BC;
border-radius: 7px;
-moz-border-radius: 7px;
-webkitborder-radius: 7px;
padding: 3px;
text-shadow: white 1px 1px 0px;}

.portal .module .h3{
text-align: center;
padding: 7px;
background: #1675BC;
border-radius: 0px 0px 7px 7px;
-moz-border-radius: 0px 0px 7px 7px;
border-bottom-left-radius: 7px 7px;
border-bottom-right-radius: 7px 7px;
border: 0px;
border-top: 0px none;
color: white !important;
font-weight: bold !important;
margin: 0px 4px;
position: relative;
text-shadow: 1px 1px 0px black;
top: -9px;}

.post{
margin-left: 5px;
padding-right: 14px !important;}

.online{
z-index: 999;
background-image: url(http://i66.servimg.com/u/f66/11/96/49/61/on210.png);
background-position: 100% 35px;
background-repeat: no-repeat;}

.post .corners-top{
background: url(http://i66.servimg.com/u/f66/11/96/49/61/off10.png) no-repeat;
width: 19px;
height: 104px;
float: right;
position: absolute;
z-index: -1 !important;
margin-top: 35px !important;
margin-left: 836px !important;}

.pagination{margin: 0 !important;}



.addthis_button:hover{margin-top: 42px;}

p.page-bottom:last-child {background: red !important;}


.forabg .topiclist.topics{
padding-top: 0 !important;
background: none !important;}

#wrap{background: url(http://i66.servimg.com/u/f66/11/96/49/61/copyri10.png) no-repeat bottom 90%;
padding-bottom: 20px;}

select{
color: #bf0707;
border: 1px solid #bf0707;
border-left: 5px solid #bf0707;}

.buttons{min-height: 50px;}

.buttons a img{background: url(http://i66.servimg.com/u/f66/11/96/49/61/bg13.png) no-repeat center;}

.buttons a img:hover{background: url(http://i66.servimg.com/u/f66/11/96/49/61/hover21.png) no-repeat center;}


#search_menu{
-moz-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
-webkit-box-shadow: 0px 0px 15px black, 0px 0px 15px black;
box-shadow: 0px 0px 15px black, 0px 0px 15px black;
border: 3px solid white;
border-radius:  7px;
-webkit-border-radius:  7px;
-moz-border-radius:  7px;}

#search_menu form{
border: 1px solid #0372BE;
border-radius:  7px;
-webkit-border-radius:  7px;
-moz-border-radius:  7px;}

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


.panel.introduction div.mes-txt{margin-bottom: 0 !important;}

.introduction .h3{margin-top: 4px !important;}

input{border: 1px solid #BCBCBC;}

a:focus{ -moz-outline-style: none;}

textarea:focus,input:focus {outline: none;}

ul.profile-icons {margin-top: -10px;}


#left, #right{display: none !important;}


#chatbox_members, #chatbox{top: 35px !important;}

#cp-main{margin: 0;
width: 100%;}

#chatbox_footer .right-box.style-buttons input{
padding: 2px;
background-color: white !important;}

.postprofile dl dd a img{background: url(http://i24.servimg.com/u/f24/14/54/25/26/fundal13.png) no-repeat top;}

.postprofile dl dd a img:hover{background: url(http://i24.servimg.com/u/f24/14/54/25/26/fundal13.png) no-repeat 0 -20px;}

#smiley-box {
float: right;
margin-top:0px;
width: 30%;}

#textarea_content{width: 70% !important;}
avatar

Corey Taylor-
Nível 2

Masculino
Inscrito dia : 22/01/2011
Mensagens : 13
Pontos Ativos : 22

Ver perfil do usuário http://habbohc.ativo-forum.com

Resolvido Re: Como por essa borda em meu fórum

Mensagem por Needke em 11/02/11, 09:15 pm

Boa noite,

Lembre-se que, poderá utilizar uma propriede "border" do CSS Piscada
Para adicionar uma borda, somente para a estrutura da página:

#wrap {
-moz-border-radius: 10px 0 10px 0;
-webkit-border-radius: 10px 0 10px 0;
}
O vermelho representa o valor do raio.

Caso seja para as categorias que pretende, terá de utilizar este código, mudando do mesmo modo como acima:
.forumbg, .forabg {
-moz-border-radius: 10px 0 10px 0;
-webkit-border-radius: 10px 0 10px 0;
}
.forumbg .corners-top, .forumbg .corners-bottom, .forabg .corners-top, .forabg .corners-bottom {
display: none;
}
.forumbg, .forabg {
padding-bottom: 6px;
}

Em alternativa, se pretende utilizar exactamente essa borda personalizada, precisaremos que informe-nos o endereço do fórum, onde observou isso!

Att, Needke
avatar

Needke
Usuário experiente

Masculino
Inscrito dia : 19/08/2009
Mensagens : 2761
Pontos Ativos : 4546

Ver perfil do usuário

Resolvido Re: Como por essa borda em meu fórum

Mensagem por tinhow em 12/02/11, 03:26 pm

Existem mais codigos parecidos com esse ".icon-home"???
Gostei bastante do efeito que se tem com ele...
avatar

tinhow
Nível 8

Masculino
Inscrito dia : 29/12/2010
Mensagens : 132
Pontos Ativos : 193

Ver perfil do usuário http://debobeira.forumeiros.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