phpBB España Oficial

HuanManwe escribió:las plantillas basadas en prosilver sí tienen colours.css pero el subsilver2 no. Tiene un único .css principal. Ese es el que debes editar.

HuanManwe escribió:styles/tu_plantilla/theme/stylesheet.css

Normalmente habrá una parte del código así más o menos (lo importante es dónde empieza y termina)

Código: Seleccionar todo

/* Links
 ------------ */
/* Links adjustment to correctly display an order of rtl/ltr mixed content */
.rtl a {
	direction: rtl;
	unicode-bidi: embed;
}
a:link {
	color: #006597;
	text-decoration: none;
}
a:active,
a:visited {
	color: #005784;
	text-decoration: none;
}
a:hover {
	color: #D46400;
	text-decoration: underline;
}
a.forumlink {
	color: #069;
	font-weight: bold;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}
a.topictitle {
	margin: 1px 0;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
}
a.topictitle:visited {
	color: #5493B4;
	text-decoration: none;
}
th a,
th a:visited {
	color: #FFA34F !important;
	text-decoration: none;
}
th a:hover {
	text-decoration: underline;
}

engendro666 escribió:yo edito de una manera similar a memoadian solo que con un capturador de colores de la pantalla. Y otra manera es experimentando. por ej. agarro la primer linea le cambio el color por #FFFF00 (amarillo) y lo que cambia a amarillo bueno ya se lo que cambia asi que puedo poner el que quiera y seguir. Esto cuando tenia mucho que editar normalmente trato de traducir un poco el codigo ya que esta en ingles y casi todo es asi: links= enlaces panel= fondo de los paneles etc con un poco de nocion de ingles y de experimento se logra.

Otro modo es seleccionar lo que queres cambiar. Por ejemplo seleccionas los enlaces que queres modificar en mozilla le das click secundario y ver codigo de fuente te va a mostrar esto:

Código: Seleccionar todo

<div id="submenu">		
	<div class="left"><a href="./index.php?sid=6ef6e81939de60876f0e9daab28ad96a">Índice general</a></div>
		<div class="left"><a href="./ucp.php?sid=6ef6e81939de60876f0e9daab28ad96a">Panel de Control de Usuario</a></div>
		<div class="left"><a href="./ucp.php?mode=login&sid=6ef6e81939de60876f0e9daab28ad96a">Identificarse</a></div>
		<div class="right"><a href="./faq.php?sid=6ef6e81939de60876f0e9daab28ad96a">FAQ</a></div>
		<div class="right"><a href="./search.php?sid=6ef6e81939de60876f0e9daab28ad96a"> <font color="red">Buscar</font></a></div>

		<div class="right"><a href="./memberlist.php?sid=6ef6e81939de60876f0e9daab28ad96a">Usuarios</a></div>	
<div class="right">	<div class="right"><a href="./ucp.php?mode=register&sid=6ef6e81939de60876f0e9daab28ad96a">Registrarse</a></div>
	</div>
</div>

<div id="uplink">
	

Fijate en los "<div class>" submenu, right, left, etc por ej. busca con el editor de codigo esos nombres (sin comillas y sin el div solo lo que esta dentro de comillas) a mi a veces me ayuda a veces no. o podes abrir el archivo breadcrumbs.html (en la carpeta templates) y fijate como se muestran esos enlaces donde dice U_INDEX o algo asi el nombre del div class que esta antes. Por si te sirve en mi estilo es nav_links o algo de eso.

Espero que te sirva de algo

engendro666 escribió:Fijate en los "<div class>" submenu, right, left, etc por ej. busca con el editor de codigo esos nombres

.left
{
	float: left;
	border-left: 0px;
}

.left a:link, 
.left a:visited,
.right a:link, 
.right a:visited
{
	background: transparent;
	color: #11c0db;
	padding: 0 6px 0 6px;
	text-decoration: none;
}

engendro666 escribió:

engendro666 escribió:Fijate en los "<div class>" submenu, right, left, etc por ej. busca con el editor de codigo esos nombres

Bastaba con buscar "left" , si esta lleno de "left" pero tampoco era tan complicado encontrarlo:

left.png

Este es el resultado:

Untitled1.png

Código: Seleccionar todo

.left
{
	float: left;
	border-left: 0px;
}

.left a:link, 
.left a:visited,
.right a:link, 
.right a:visited
{
	background: transparent;
	color: #11c0db;
	padding: 0 6px 0 6px;
	text-decoration: none;
}