SMF Personal »
Forum »
Internacional - International »
Español »
SimpleMachines (Smf) »
Tutoriales (Moderator: Gonza) »
[TIP] Utilizar Banner o Cabecera del Tamaño de su Foro.

[TIP] Utilizar Banner o Cabecera del Tamaño de su Foro.

Board:

Tutoriales

Topic:

[TIP] Utilizar Banner o Cabecera del Tamaño de su Foro.

Description:

Foro de tutoriales para smf

« previous next »

Pages: [1]

Author Topic: [TIP] Utilizar Banner o Cabecera del Tamaño de su Foro. (Read 1509 times)

0 Members and 2 Guests are viewing this topic.

[TIP] Utilizar Banner o Cabecera del Tamaño de su Foro.

« on: July 10, 2011, 01:36:32 AM »

Hola! Otra vez yo por acá, en esta ocasión les traigo algo que seguro varios se han preguntado cómo lograr.
¿Sos de las personas que aman tener un logo “Grande”?
¿Acaso no te gusta tener que usar el logo pequeño llamado “mylogo” y deseas usar uno en tamaño completo?
Bueno! Aquí está la solución:

Nota: Si no entendieron del todo a que me refiero antes de modificar, revisen la imagen del final.

Abren su Index.css
Buscan lo siguiente:

Code: [Select]

h1.forumtitle
{
	line-height: 45px;
	font-size: 1.8em;
	font-family: Geneva, verdana, sans-serif;
	margin: 20px 0px 0px 25px;
	padding: 0;
	float: left;
}

Lo remplazan por:

Code: [Select]

h1.forumtitle
{
	width: 100%;
	height: 100%;
}

Buscan lo siguiente:

Code: [Select]

#header div.frame
{
	background: url(../images/theme/banner.png) no-repeat;
	display: block;
	padding: 0px 320px;
	position: relative;
	border-bottom: none;
}

Lo remplazan por:

Code: [Select]

#header div.frame
{
	position: relative;
	border-bottom: none;
}

Ahora crean un Banner o Cabecera del ancho de su foro y la altura que deseen, y lo remplazan por el logo que vino por defecto en el theme. Ejemplo: “mylogo.png”
Eso da como resulta un Banner o Cabecera, en tamaño completo con link al Index de su Foro, tal y como lo hacia el Logo Pequeño.

Nota: Esta modificación solo funcionara correctamente si tienen el ancho de su foro en px, ya que si no puede deformarse su banner.

Resultado: