cambiar color de las barras de los foros

URL del foro: http://www.guitarristas.site11.com/
Versión del foro: 1.6
Actualización: Ninguna

quiero cambiarle el color de lo que estoy señalando con la flecha y lo quiero poner de color azul como la barra azul de arriba.

[Imagen: barras.jpg]

lo de la barra donde dice " General"

vas a admin-stylos y plantillas-tu theme-Global.css

buscas ".thead" hay podras editar el color de fondo de ello!

NOTA: ese hosting es malo para todo tipo de foros! te cierran sin avisarte y no te dan un backup! para que salves tus datos!
NOTA2: todo theme (stylos) que instales tiene una carpeta "fusioXtreme"
la carpeta del stylo que instalaras debes ponerlo dentro de la carpeta " images/"

creo que que esta mal colocado la carpeta del stylo que usas.

Última modificación: 17 Jul, 2011, 8:11 pm por niz01.

(17 Jul, 2011, 8:03 pm)shintetsu escribió: lo de la barra donde dice " General"

vas a admin-stylos y plantillas-tu theme-Global.css

buscas ".thead" hay podras editar el color de fondo de ello!

NOTA: ese hosting es malo para todo tipo de foros! te cierran sin avisarte y no te dan un backup! para que salves tus datos!
NOTA2: todo theme (stylos) que instales tiene una carpeta "fusioXtreme"
la carpeta del stylo que instalaras debes ponerlo dentro de la carpeta " images/"

creo que que esta mal colocado la carpeta del stylo que usas.

cuando subi ese estilo era cuando apenas estaba enseñandome con esto de los foros y lo subi como decian los paso en el archivo rar que era asi....

1) Sube el contenido de la carpeta "SUBIR" a la raíz de tu foro via FTP.

2) Sube el archivo "Nova-theme.xml" desde la opción "Importar
un estilo" de la pestaña "Estilos y plantillas" del Panel de administración.

3) Activa tu tema.

el foro lo tengo subido en ese hosting nada mas para hacer pruebas,una vez que este listo el foro lo cambiare a un hosting de pago mejor.

voy a checar lo que me dices,gracias por responder.

Última modificación: 17 Jul, 2011, 9:05 pm por Jagmaster.

normalmente los achivos que tienen una carpeta "subir"
tiene mas carpetas dentro!
ejemplo : subir/images/fusiondark

la cual "images/fusiondark"
deves suvir ala raiz del foro!

(17 Jul, 2011, 9:24 pm)shintetsu escribió: normalmente los achivos que tienen una carpeta "subir"
tiene mas carpetas dentro!
ejemplo : subir/images/fusiondark

la cual "images/fusiondark"
deves suvir ala raiz del foro!

ya te entendi debi subir solo images/nova a la raiz del foro.

una ultima pregunta ya pude cambiarle el color a esas barras,pero ahora me gustaria cambiarle el color a la letra que viene en esa barra ahi donde dice general,en el studio la letra es negra me gustaria ponerla blanca.

Última modificación: 17 Jul, 2011, 9:57 pm por Jagmaster.

claro es haci como instalas un stylo.

respecto a tu cambio de color...

admin- Stylos y plantillas - tu thema- global.css - .thead2mnu

(17 Jul, 2011, 10:33 pm)shintetsu escribió: claro es haci como instalas un stylo.

respecto a tu cambio de color...

admin- Stylos y plantillas - tu thema- global.css - .thead2mnu

creo que eso que me haz dicho es para la opcion que sale en la barra azul que dice mis opciones,panel de moderacion etc etc.. por que le cambie el color y desaparecieron las letras,te pego el global.css para que lo veas.

Código PHP:
.rightlinks {
    float: right;
    padding-right: 32px;
}

body {
    background: #242424;
    color: #000;
    font-family: segoe ui, Verdana, Arial, Sans-Serif;
    font-size: 13px;
    text-align: center; /* IE 5 fix */
    line-height: 1.4;
    margin: 0px;
    padding: 0px;
}

a:link {
    color: #0474b4;
    text-decoration: none;
}

a:visited {
    color: #0474b4;
    text-decoration: none;
}

a:hover, a:active {
    color: #0474b4;
    text-decoration: underline;
}

#container {
    background: #fff;
    border: 1px solid #e4e4e4;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -border-radius: 10px;
    margin: auto;
    padding: 13px;
    text-align: left;
    
    #tvatar img {
    -moz-border-radius: 4px 4px 4px 4px;
    background-color: #FCFCFF;
    border: 1px solid #A5CAE4;
    max-height: 36px;
    max-width: 36px;
    padding: 2px;
}

color: #000000;
    width: 95%;
    font-family: segoe ui, Verdana, Arial, Sans-Serif;
}

#content {
    /* FIX: Make internet explorer wrap correctly */
    width: auto !important;
}

.menu ul {
    color: #000000;
    font-weight: bold;
    text-align: right;
    padding: 4px;
}

.menu ul a:link {
    color: #000000;
    text-decoration: none;
}

.menu ul a:visited {
    color: #000000;
    text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
    color: #4874a3;
    text-decoration: none;
}

#panel {
    background: #efefef;
    color: #000000;
    font-size: 11px;
    border: 1px solid #D4D4D4;
    padding: 8px;
}

#panel .remember_me input {
    vertical-align: middle;
    margin-top: -1px;
}

table {
    color: #000000;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

.tborder {
    background: #e8e8e8;
    width: 100%;
    margin: auto auto;
    border: 1px solid #e8e8e8;
}

.thead {
    background: #0177b4 url(images/Nova/thead.png) top left repeat-x;
    color: #444444;
    font-family: segoe ui, Verdana, Arial, Sans-Serif;
    font-size: 15px;
    border-bottom: 2px solid ##0177b4;
}

.thead a:link {
    color: #444444;
    text-decoration: none;
}

.thead a:visited {
    color: #444444;
    text-decoration: none;
}

.thead a:hover, .thead a:active {
    color: #444444;
    text-decoration: underline;
}

.thead2 {
    background: #0177b4 url(images/Nova/thead2.png) top left repeat-x;
    color: #ededed;
    font-family: segoe ui, Verdana, Arial, Sans-Serif;
    font-size: 13px;
}

.thead2 a:link {
    color: #fff;
    text-decoration: none;
}

.thead2 a:visited {
    color: #fff;
    text-decoration: none;
}

.thead2 a:hover, .thead a:active {
    color: #fff;
    text-decoration: underline;
}

.thead2mnu {
    background: #0177b4 url(images/Nova/thead2.png) top left repeat-x;
    color: #ededed;
    font-family: segoe ui, Verdana, Arial, Sans-Serif;
    font-size: 12px;
}

.thead2mnu a:link {
    color: #fff;
    text-decoration: none;
}

.thead2mnu a:visited {
    color: #F2FFF0;
    text-decoration: none;
}

.thead2mnu a:hover, .thead a:active {
    color: #fff;
    text-decoration: underline;
}

.tcat {
    background: #026CB1 url(images/Nova/thead2.png) top left repeat-x;
    color: #fff;
    font-size: 12px;
font-family: segoe ui;
}

.tcat a:link {
    color: #fff
}

.tcat a:visited {
    color: #fff;
}

.tcat a:hover, .tcat a:active {
    color: #fff;
}

.tcat2 {
    background: #026CB1 url(images/Nova/thead.png) top left repeat-x;
    color: #444444;
    font-size: 12px;
font-family: segoe ui;
}

.tcat2 a:link {
    color: #444444;
}

.tcat2 a:visited {
    color: #444444;
}

.tcat2 a:hover, .tcat a:active {
    color: #444444;
}

.trow1 {
    background: #fff;
    border-top: 1px solid #d7d6d6;
    border-bottom: 1px solid #fff;
    font-family: segoe ui, Verdana, Arial, Sans-Serif;
    color: #313131;
}

.trow2 {
    background: #fff;
    border-top: 1px solid #d7d6d6;
    border-bottom: 1px solid #fff;
    font-family: segoe ui, Verdana, Arial, Sans-Serif;
    color: #313131;
}

.trow_shaded {
    background: #ffdde0;
}

.trow_selected td {
    background: #FFFBD9;
}

.trow_sep {
    background: #e5e5e5;
    color: #000;
    font-size: 12px;
    font-weight: bold;
}

.tfoot {
    background: #026CB1 url(images/Nova/thead.png) top left repeat-x;
    color: #444444;
    font-family: segoe ui, Verdana, Arial, Sans-Serif;
}

.tfoot a:link {
    color: #444444;
    text-decoration: none;
}

.tfoot a:visited {
    color: #444444;
    text-decoration: none;
}

.tfoot a:hover, .tfoot a:active {
    color: #444444;
    text-decoration: underline;
}

.bottommenu {
    background: #efefef;
    color: #000000;
    border: 1px solid #4874a3;
    padding: 10px;
}

.navigation {
    color: #dedede;
    font-size: 13px;
    font-weight: bold;
    font-family: segoe ui, Verdana, Arial, Sans-Serif;
}

.navigation a:link {
    text-decoration: none;
}

.navigation a:visited {
    text-decoration: none;
}

.navigation a:hover, .navigation a:active {
    text-decoration: none;
}

.navigation .active {
    color: #000000;
    font-size: 13px;
    font-weight: bold;
}

.smalltext {
    font-size: 11px;
}

.largetext {
    font-size: 16px;
    font-weight: bold;
}

input.textbox {
    background: #ffffff;
    color: #000000;
    border: 1px solid #0f5c8e;
    padding: 1px;
}

textarea {
    background: #ffffff;
    color: #000000;
    border: 1px solid #0f5c8e;
    padding: 2px;
    font-family: Verdana, Arial, Sans-Serif;
    line-height: 1.4;
    font-size: 13px;
}

select {
    background: #ffffff;
    border: 1px solid #0f5c8e;
}

.editor {
    background: #f1f1f1;
    border: 1px solid #ccc;
}

.editor_control_bar {
    background: #fff;
    border: 1px solid #0f5c8e;
}

.autocomplete {
    background: #fff;
    border: 1px solid #000;
    color: black;
}

.autocomplete_selected {
    background: #adcee7;
    color: #000;
}

.popup_menu {
    background: #ccc;
    border: 1px solid #000;
}

.popup_menu .popup_item {
    background: #fff;
    color: #000;
}

.popup_menu .popup_item:hover {
    background: #C7DBEE;
    color: #000;
}

.trow_reputation_positive {
    background: #ccffcc;
}

.trow_reputation_negative {
    background: #ffcccc;
}

.reputation_positive {
    color: green;
}

.reputation_neutral {
    color: #444;
}

.reputation_negative {
    color: red;
}

.invalid_field {
    border: 1px solid #f30;
    color: #f30;
}

.valid_field {
    border: 1px solid #0c0;
}

.validation_error {
    background: url(images/Nova/invalid.gif) no-repeat center left;
    color: #f30;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_success {
    background: url(images/Nova/valid.gif) no-repeat center left;
    color: #00b200;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

.validation_loading {
    background: url(images/Nova/spinner.gif) no-repeat center left;
    color: #555;
    margin: 5px 0;
    padding: 5px;
    font-weight: bold;
    font-size: 11px;
    padding-left: 22px;
}

/* Additional CSS (Master) */
img {
    border: none;
}

.clear {
    clear: both;
}

.hidden {
    display: none;
    float: none;
    width: 1%;
}

.hiddenrow {
    display: none;
}

.selectall {
    background-color: #FFFBD9;
    font-weight: bold;
    text-align: center;
}

.float_left {
    float: left;
}

.float_right {
    float: right;
}

.menu ul {
    list-style: none;
    margin: 0;
}

.menu li {
    display: inline;
    padding-left: 5px;
}

.menu img {
    padding-right: 5px;
    vertical-align: top;
}

#panel .links {
    margin: 0;
    float: right;
}

.expcolimage {
    float: right;
    width: auto;
    vertical-align: middle;
    margin-top: 3px;
}

img.attachment {
    border: 1px solid #E9E5D7;
    padding: 2px;
}

hr {
    background-color: #000000;
    color: #000000;
    height: 1px;
    border: 0px;
}

#copyright {
    font: 11px segoe ui, Verdana, Arial, Sans-Serif;
    margin: 0;
    padding: 10px 0 0 0;
}

#debug {
    float: right;
    text-align: right;
    margin-top: 0;
}

blockquote {
    border: 1px solid #ccc;
    margin: 0;
    background: #fff;
    padding: 4px;
}

blockquote cite {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    font-style: normal;
    display: block;
    margin: 4px 0;
}

blockquote cite span {
    float: right;
    font-weight: normal;
}

blockquote cite span.highlight {
    float: none;
    font-weight: bold;
    padding-bottom: 0;
}

.codeblock {
    background: #fff;
    border: 1px solid #ccc;
    padding: 4px;
}

.codeblock .title {
    border-bottom: 1px solid #ccc;
    font-weight: bold;
    margin: 4px 0;
}

.codeblock code {
    overflow: auto;
    height: auto;
    max-height: 200px;
    display: block;
    font-family: Monaco, Consolas, Courier, monospace;
    font-size: 13px;
}

.subforumicon {
    border: 0;
    vertical-align: middle;
}

.separator {
    margin: 5px;
    padding: 0;
    height: 0px;
    font-size: 1px;
    list-style-type: none;
}

form {
    margin: 0;
    padding: 0;
}

.popup_menu .popup_item_container {
    margin: 1px;
    text-align: left;
}

.popup_menu .popup_item {
    display: block;
    padding: 3px;
    text-decoration: none;
    white-space: nowrap;
}

.popup_menu a.popup_item:hover {
    text-decoration: none;
}

.autocomplete {
    text-align: left;
}

.subject_new {
    font-weight: bold;
}

.highlight {
    background: #FFFFCC;
    padding-top: 3px;
    padding-bottom: 3px;
}

.pm_alert {
    background: #FFF6BF;
    border: 1px solid #FFD324;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
}

.red_alert {
    background: #FBE3E4;
    border: 1px solid #A5161A;
    color: #A5161A;
    text-align: center;
    padding: 5px 20px;
    margin-bottom: 15px;
    font-size: 11px;
}

.high_warning {
    color: #CC0000;
}

.moderate_warning {
    color: #F3611B;
}

.low_warning {
    color: #AE5700;
}

div.error {
    padding: 5px 10px;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    background: #FFF6BF;
    font-size: 12px;
}

div.error p {
    margin: 0;
    color: #000;
    font-weight: normal;
}

div.error p em {
    font-style: normal;
    font-weight: bold;
    padding-left: 24px;
    display: block;
    color: #C00;
    background: url(images/Nova/error.gif) no-repeat 0;
}

div.error.ul {
    margin-left: 24px;
}

.online {
    color: #15A018;
}

.offline {
    color: #C7C7C7;
}

.pagination {
    font-size: 11px;
    padding-top: 10px;
    margin-bottom: 5px;
}

.tfoot .pagination, .tcat .pagination {
    padding-top: 0;
}

.pagination .pages {
    font-weight: bold;
}

.pagination .pagination_current, .pagination a {
    padding: 2px 6px;
    margin-bottom: 3px;
}

.pagination a {
    border: 1px solid #81A2C4;
}

.pagination .pagination_current {
    background: #F5F5F5;
    border: 1px solid #81A2C4;
    font-weight: bold;
    color: #000;
}

.pagination a:hover {
    background: #F5F5F5;
    text-decoration: none;
}

.thread_legend, .thread_legend dd {
    margin: 0;
    padding: 0;
}

.thread_legend dd {
    padding-bottom: 4px;
    margin-right: 15px;
}

.thread_legend img {
    margin-right: 4px;
    vertical-align: bottom;
}

.forum_legend, .forum_legend dt, .forum_legend dd {
    margin: 0;
    padding: 0;
}

.forum_legend dd {
    float: left;
    margin-right: 10px;
}

.forum_legend dt {
    margin-right: 10px;
    float: left;
}

.success_message {
    color: #00b200;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.error_message {
    color: #C00;
    font-weight: bold;
    font-size: 10px;
    margin-bottom: 10px;
}

.post_body {
    padding: 5px;
}

.post_content {
    padding: 5px 10px;
}

.quick_jump {
    background: url(images/Nova/jump.gif) no-repeat 0;
    width: 13px;
    height: 13px;
    padding-left: 13px; /* amount of padding needed for image to fully show */
    vertical-align: middle;
    border: none;
}

.repbox {
    font-size:16px;
    font-weight: bold;
    padding:5px 7px 5px 7px;
}

._neutral {
    background-color:#FAFAFA;
    color: #999999;
    border:1px solid #CCCCCC;
}

._minus {
    background-color: #FDD2D1;
    color: #CB0200;
    border:1px solid #980201;
}

._plus {
    background-color:#E8FCDC;
    color: #008800;
    border:1px solid #008800;
}

.pagination_breadcrumb {
    background-color: #f5f5f5;
    border: 1px solid #fff;
    outline: 1px solid #ccc;
    padding: 5px;
    margin-top: 5px;
    font-weight: normal;
}

.pagination_breadcrumb_link {
    vertical-align: middle;
    cursor: pointer;
}

.tcat21 {
    background: #026CB1 url(images/Nova/thead.png) top left repeat-x;
    color: #444444;
    font-size: 15px;
    font-family: segoe ui;
    width: 100%;
    height: 20px;
}

.copy {
    width: 100%;
    margin: auto;
    height: 74px;
    border: 1px solid #cccccc;
    text-align: center;
    font-family: segoe ui;
    font-size: 11px;
}

.forumbit_subforos{list-style:none;margin:0;padding:0;padding-top:8px}
.forumbit_subforos li{width:155px;float:left} 

acabo ver que el "thead2mnu" esta compartido en algunas plantillas.

has esto, para que solo cambies ese lado que quieres cambiar!

ve al " Global.css - Editar hoja de estilo: modo avanzado"al ultimo agrega esto.

Código:
.thead2NW {

    background: #000000 ;

    color: #ededed;

    font-family: segoe ui, Verdana, Arial, Sans-Serif;

    font-size: 12px;

}

ojo : donde dice backgroung:#000000 esta como determinado el fondo negro ya tu le pones el codigo de color que te guste.

despues vas a la plantilla "Header"
y ve a header_welcomeblock_guest.

busca la linea:

Código:
<tr align="center" class="thead2mnu">

remplazala por:

Código:
<tr align="center" class="thead2NW">

despues denuevo en la plantilla "header"
y ve a header_welcomeblock_member.

busca la linea:

Código:
<tr align="center" class="thead2mnu">

remplazala por:

Código:
<tr align="center" class="thead2NW">

con esto ya deve estar para que puedes cambiar de color ese lado que deceas!

si ya hiciste eso que te dije.
solo vas a global.css y luego a .theadNW
y le cambias el color de fondo.

espero que te funcione.

Última modificación: 17 Jul, 2011, 11:48 pm por niz01.

(17 Jul, 2011, 11:44 pm)shintetsu escribió: acabo ver que el "thead2mnu" esta compartido en algunas plantillas.

has esto, para que solo cambies ese lado que quieres cambiar!

ve al " Global.css - Editar hoja de estilo: modo avanzado"al ultimo agrega esto.

Código:
.thead2NW { background: #000000 ; color: #ededed; font-family: segoe ui, Verdana, Arial, Sans-Serif; font-size: 12px; }
ojo : donde dice backgroung:#000000 esta como determinado el fondo negro ya tu le pones el codigo de color que te guste.

despues vas a la plantilla "Header"
y ve a header_welcomeblock_guest.

busca la linea:

Código:
<tr align="center" class="thead2mnu">

remplazala por:

Código:
<tr align="center" class="thead2NW">

despues denuevo en la plantilla "header"
y ve a header_welcomeblock_member.

busca la linea:

Código:
<tr align="center" class="thead2mnu">

remplazala por:

Código:
<tr align="center" class="thead2NW">

con esto ya deve estar para que puedes cambiar de color ese lado que deceas!

si ya hiciste eso que te dije.
solo vas a global.css y luego a .theadNW
y le cambias el color de fondo.

espero que te funcione.

gracias,mi idea es solo cambiarle el color de las letras a los nombres de los foros y subforos,como le cambie el color a esas barras pues la letra se pierde un poco por que son negras y las quiero poner blancas.