Modificações na barra das categorias e dos fóruns

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

Resolvido Modificações na barra das categorias e dos fóruns

Mensagem por Gusmaozim em 13/03/11, 11:40 am

Qual é sua questão:
recentemente eu escrevi aki nesse forum para me ajudarem com as barras da categoria do meu forum.
um conseguil me ajudar, mas por algum motivo, tem algums problemas no meu forum que desejo consertar.
1- a barra de cima está muito grande:
2- queria aumentar o espaçamento entre uma categoria e outra
3- Subir o titulo da categoria até o centro
4- fazer linhas separando os escritos, uma linha meio cinza fraco.

Tenho o css de um forum que fiz, que está do geito que quero.
se nada disso der certo, vou passar o css dos 2 forums para ver se vcs consegue retirar de um e passar para outro.

Confira as imagens abaixo para entender tudo


Que medidas você tomou para corrigir o problema:
criei um forum novo e intalei um tema e modifiquei ele para ficar igualzim eu quero. consegui mas nao consegui passar o css de um forum para o de outro, já que quero apenas as barras

Apresente-nos imagens do problema (se necessário):
Problemas 1,2 e 3:
http://i61.servimg.com/u/f61/16/21/93/86/o_que_10.png
Problema 4:
http://i61.servimg.com/u/f61/16/21/93/86/o_que_11.png

Outro Forum que fiz:
http://i61.servimg.com/u/f61/16/21/93/86/tutoge10.jpg

--------

O CSS do forum que fiz e que está certo (somente quero a parte da categoria, igual as imagems que postei.
Site: tutogeral.forumeiros.com
css:
Spoiler:
a {
color: #105289;}

a:hover {
color: #d31141;}

body {
background-image: url('http://img571.imageshack.us/img571/8242/fundoe.jpg');
background-repeat: no-repeat;
Background-attachment: fixed;
}

#header {
background-image: url('http://hitskin.com/themes/15/24/36/i_background.jpg');
color: #ffffff;
text-align: center;
display: none;}

.post {
border-color: #eeeeee;
background-color: #FFFFFF;
border-width: 3px;
border-style: solid;
}

#footer {
background-image: url('http://hitskin.com/themes/15/24/36/i_background.jpg');}

#footer ul, #footer li {
list-style-position:outside;}

.module {
border: 3px solid #eeeeee;
margin-bottom: 4px;
padding: 5px 5px 5px 5px;
background-color: #f9f9f9;
color: #000000;
background-image: url('http://hitskin.com/themes/15/24/36/i_background.jpg');
background-repeat: repeat-x;
}
.module .h3 {
border: 0px solid #FFFFFF;
margin-bottom: 5px;
}

#page-header .navbar {
clear: both;
background-color: #FFFFFF;
background-repeat: repeat-x;
padding-top: 10px;
margin: -5px;
margin-bottom: 25px;
}

.headerbar {
margin: -5px;
background-color: #FFFFFF;
}

body {
padding: 15px 0px;
}

ul.navlinks {
border-bottom: 0px solid #EEEEEE;
}

a.button1, input.button1, a.button2, input.button2, button.button2 {
color: #000000;
background-color: #FFFFFF;
background-image: url('');
border: 1px solid #BDBEBD;
}
a.button1:hover, input.button1:hover, a.button2:hover, input.button2:hover, button.button2:hover {
color: #105289;
background-color: #FFFFFF;
background-image: url('');
border: 1px solid #105289;
}

.inputbox {
border: 1px solid #BDBEBD;
}
.inputbox:hover {
border: 1px solid #105289;
}
.inputbox:focus {
border: 1px solid #FF0000;
}

#page-header #search-box {
display: none;
}

em{
font-style: normal;
}

#page-footer .navbar {
border-top: 1px solid #105289;
background-color: #FFFFFF;
font-size 8px;
margin-top: 5px;
}

ul.linklist li a img {
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}

ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}

ul.navlinks {
background-image:

url();
height: 24px;
padding-top: 5px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
}
.forabg, .module, .forumbg {
background-color: #000000;
background-image:

url('http://i70.servimg.com/u/f70/14/80/30/77/iback210.png');
background-repeat: repeat-x;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border: 2px solid grey;
}
li.row {
background-color: #b000000;
}
#wrap, .panel {
background-color: #b000000;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border: 2px solid grey;
}
#logo-desc, span.corners-top, span.corners-top span, span.corners-bottom span,
#page-header .navbar, .module, .headerbar, #page-footer .navbar {
background-color: transparent;
}

.module .h3 {
text-align: center;
top: -7px;
position: relative;
color: white;
}

#chatbox {
background-image: url(http://img413.imageshack.us/img413/1163/semttulorn.png);
background-repeat: no-repeat;
background-position: bottom right;
}

form#quick_reply #textarea_content textarea#text_editor_textarea {
background-image: url(http://img340.imageshack.us/img340/2262/50808973.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

#message-box textarea {
background-image: url(http://img340.imageshack.us/img340/2262/50808973.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

blockquote {
border-color: #8EBBDF;
background-color: #D2E4F2;
}


o css do forum que quero transferir a barra das categorias:
site: tutoarea.forumeiros.org
Spoiler:
/*--------------- CHRISTMAS ITEMS ---------------*/

#page-header .navbar{
padding: 0;
position: absolute;
top: 0;
height: 140px;
width: 901px;
background: url() no-repeat top center;}

#emptyidright{
z-index: -1;
position: absolute;
top: 150px;
margin-left: 10px;
width: 936px;
height: 301px;
background: url(http://illiweb.com/fa/empty.gif) 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: 250px;
background: url(http://gfxproducoes.webs.com/tutoarea/header25_00000.png) no-repeat top center;
width: 926px;}

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

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

#page-header .navbar .linklist.navlinks a{
margin-right: 0px;
text-shadow: 0px 0px 0px 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://gfxproducoes.webs.com/tutoarea/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;}

#memberlist, .table1{
background: url(http://i70.servimg.com/u/f70/14/80/30/77/iback210.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: expres​sion('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: -3px;
background: none;
height: 10px;}

.forabg, .forumbg {
background: none;
border: 5px;
padding: 3px !important;}
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

.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;}


ul.linklist li a img {
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

ul.linklist li a img:hover {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
cursor:allowed;
}

ul.navlinks {
background-image:

url();
height: 24px;
padding-top: 10px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
}
.forabg, .module, .forumbg {
background-color: #000000;
background-image:

url('http://i70.servimg.com/u/f70/14/80/30/77/iback210.png');
background-repeat: repeat-x;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
border: 2px solid grey;
}
avatar

Gusmaozim
Nível 3

Masculino
Inscrito dia : 06/03/2011
Mensagens : 15
Pontos Ativos : 23

Ver perfil do usuário http://tutoarea.forumeiros.org

Resolvido Re: Modificações na barra das categorias e dos fóruns

Mensagem por Luciano98 em 13/03/11, 03:56 pm

Olá!

Você poderia colocar cada dúvida em um tópico diferente ou reorganizar o tópico por completo? Louco

Até mais.
Luciano98.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Modificações na barra das categorias e dos fóruns

Mensagem por burlador em 13/03/11, 04:01 pm

na primeira imagem como conseguiu mudar o lugar dos topicos que cada forum tem para ficar por no inicio?

burlador
Nível 9

Masculino
Inscrito dia : 25/01/2010
Mensagens : 200
Pontos Ativos : 290

Ver perfil do usuário http://google.com

Resolvido Re: Modificações na barra das categorias e dos fóruns

Mensagem por Gusmaozim em 13/03/11, 04:02 pm

daria muito trabalho criar um monte de topicos, e demoraria para se obter respostas
Quanto a organização do tópico, simples.
Quero pegar o codigo dentro do css do forum que criei, o primeiro que mostro acima. depois quero que adcione no segundo css para que a parte das categorias fique igual ao primeiro css;
deu pra sacá?
avatar

Gusmaozim
Nível 3

Masculino
Inscrito dia : 06/03/2011
Mensagens : 15
Pontos Ativos : 23

Ver perfil do usuário http://tutoarea.forumeiros.org

Resolvido Re: Modificações na barra das categorias e dos fóruns

Mensagem por burlador em 13/03/11, 06:51 pm

poderia me dizer como alterou o separador "Tópicos" para ficar por cima das novas mensagens antes do nome do forum? como está na primeira imagem

burlador
Nível 9

Masculino
Inscrito dia : 25/01/2010
Mensagens : 200
Pontos Ativos : 290

Ver perfil do usuário http://google.com

Resolvido Re: Modificações na barra das categorias e dos fóruns

Mensagem por Gusmaozim em 13/03/11, 11:24 pm

nao entendi nada! e isto nao vem ao assunto, crie um tópico especialmente para isto. podem fechar o tópico, ficou muito desorganizado. ninguem entendeu.
avatar

Gusmaozim
Nível 3

Masculino
Inscrito dia : 06/03/2011
Mensagens : 15
Pontos Ativos : 23

Ver perfil do usuário http://tutoarea.forumeiros.org

Resolvido Re: Modificações na barra das categorias e dos fóruns

Mensagem por Gaaratsu em 13/03/11, 11:48 pm

@Gusmaozim escreveu:daria muito trabalho criar um monte de topicos, e demoraria para se obter respostas
Quanto a organização do tópico, simples.
Quero pegar o codigo dentro do css do forum que criei, o primeiro que mostro acima. depois quero que adcione no segundo css para que a parte das categorias fique igual ao primeiro css;
deu pra sacá?

Olá,

Primeiramente, daria trabalho sim, mais por um bom motivo. Ou pelo menos deveria fazer do texto mais especifico.

Type
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

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

Resolvido Re: Modificações na barra das categorias e dos fóruns

Mensagem por Gusmaozim em 14/03/11, 07:22 am

vou tentar explicar o que quero. tenho um forum, o tutoarea, dai criei outro fórum para poder testar outros temas, e depois exportar para meu forum oficial. esse forum chama tutogeral. agora o que quero: o primeiro css que mostro acima, é o do tutogeral, dai eu configurei a parte onde fica categorias, forums e tópicos. tentei passar isso para o tutoarea, mas nao deu certo. por isso disponibilizei os dois css para que alguem que entenda possa pegar somente a barra das categorias no primeiro para o segundo.
avatar

Gusmaozim
Nível 3

Masculino
Inscrito dia : 06/03/2011
Mensagens : 15
Pontos Ativos : 23

Ver perfil do usuário http://tutoarea.forumeiros.org

Resolvido Re: Modificações na barra das categorias e dos fóruns

Mensagem por Callie em 15/03/11, 12:30 pm

Olá Gusmaozim,

Veja se é isto:

Código:
.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: -3px;
background: none;
height: 10px;}

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

As coisas relacionadas com a barra de categorias costumam ser do género .fórumbg.

Até mais.
avatar

Callie
Principal contribuidor
Principal contribuidor

Feminino
Inscrito dia : 20/12/2009
Mensagens : 5007
Pontos Ativos : 7285

Ver perfil do usuário

Resolvido Re: Modificações na barra das categorias e dos fóruns

Mensagem por ThiagoPacheco em 17/03/11, 02:32 pm

Olá!

Ainda necessita de suporte adicional?

Até mais. Feliz
avatar

ThiagoPacheco
Membro do Fórum

Masculino
Inscrito dia : 22/01/2010
Mensagens : 1282
Pontos Ativos : 1785

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