Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Como por essa borda em meu fórum
3 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
Como por essa borda em meu fórum
como coloco essa borda em meu forum . igual a habboz o meu eé .
https://i.servimg.com/u/f66/11/96/49/61/header25.png
https://i.servimg.com/u/f66/11/96/49/61/header25.png
Re: Como por essa borda em meu fórum
Nossa, Que Estilosa. provavelmente tem que modificar template e ou CSS, Onde vc viw issso? Fi Aki no forumeiros Mesmo?
Re: Como por essa borda em meu fórum
eu so queria por a Borda igual a Do Habboz olhe la
habboz-forum.net
Meu Codigo CS
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;}
Re: Como por essa borda em meu fórum
Boa noite,
Lembre-se que, poderá utilizar uma propriede "border" do CSS
Para adicionar uma borda, somente para a estrutura da página:
Caso seja para as categorias que pretende, terá de utilizar este código, mudando do mesmo modo como acima:
Em alternativa, se pretende utilizar exactamente essa borda personalizada, precisaremos que informe-nos o endereço do fórum, onde observou isso!
Att, Needke
Lembre-se que, poderá utilizar uma propriede "border" do CSS
Para adicionar uma borda, somente para a estrutura da página:
O vermelho representa o valor do raio.#wrap {
-moz-border-radius: 10px 0 10px 0;
-webkit-border-radius: 10px 0 10px 0;
}
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
Needke- Hiper Membro
- Membro desde : 19/08/2009
Mensagens : 2761
Pontos : 4546
Re: Como por essa borda em meu fórum
Existem mais codigos parecidos com esse ".icon-home"???
Gostei bastante do efeito que se tem com ele...
Gostei bastante do efeito que se tem com ele...
Tópicos semelhantes
» Tem como eu por essa borda no meu fórum?
» Como colocar essa borda
» Como tira essa borda cinza do forum
» Como botar a borda do forum igual essa
» Como por essa borda
» Como colocar essa borda
» Como tira essa borda cinza do forum
» Como botar a borda do forum igual essa
» Como por essa borda
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