[Tutorial] Poner Footer Smfpersonal

Board:

Tutoriales

Topic:

[Tutorial] Poner Footer Smfpersonal

Description:

Foro de tutoriales para smf

« previous next »

Pages: [1]

Author Topic: [Tutorial] Poner Footer Smfpersonal (Read 404 times)

0 Members and 1 Guest are viewing this topic.

[Tutorial] Poner Footer Smfpersonal

« on: January 12, 2012, 12:03:57 AM »

Footer Smfpersonal

Buscamos en el index.template.php

Code: [Select]

// Show the "Powered by" and "Valid" logos, as well as the copyright. Remember, the copyright must be somewhere!
	echo '

Agregamos despues:

Code: [Select]

<div id="Footersmf">
	<br>
	<div class="Footersmf">
		<strong>
			Importante
		</strong>
		<div class="Linksmf">
			<ul>
				<li>
					<a href="http://www.tuweb.com/" title="Discripcion">
						TITULO 1
					</a>
				</li>
				<li>
					<a href="http://www.tuweb.com/" title="Discripcion">
						TITULO 2
					</a>
				</li>
				<li>
					<a href="http://www.tuweb.com/" title="Discripcion">
						TITULO 3
					</a>
				</li>
				<li>
					<a href="http://www.tuweb.com/" title="Discripcion">
						TITULO 4
					</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="Footersmf">
		<strong>
			El Buzon
		</strong>
		<div class="Linksmf">
			<ul>
				<li>
					<a href="http://www.tuweb.com/" title="Discripcion">
						TITULO 1
					</a>
				</li>
				<li>
					<a href="http://www.tuweb.com/" title="Discripcion">
						TITULO 2
					</a>
				</li>
				<li>
					<a href="http://www.tuweb.com/" title="Discripcion">
						TITULO 3
					</a>
				</li>
				<li>
					<a href="http://www.tuweb.com/" title="Discripcion">
						TITULO 4
					</a>
				</li>
			</ul>
		</div>
	</div>
	<div class="Footersmf">
		<strong>
			Siguenos
		</strong>
		<div class="Linksmf">
			<ul>
				<li>
					<a href="http://www.facebook.com/" title="Hazte Fan">
						Facebook
					</a>
				</li>
				<li>
					<a href="http://twitter.com/" title="Siguenos en twitter">
						Twitter
					</a>
				</li>
				<li>
					<a href="http://www.youtube.com/" title="Unete a nuestro canal">
						Youtube
					</a>
				</li>
			</ul>
		</div>
	</div>
</div>

Al final de nuestro index.css agregamos

Code: [Select]

#Footersmf
{
	min-height: 200px;
	background: #333333;
	border-right: 1px solid #b8b8b8;
	border-left: 1px solid #b8b8b8;
}
.Footersmf
{
	color: #fff;
	float: left;
	width: 30%;
}
.Footersmf ul
{
	padding-left: 120px;
}
.Footersmf li
{
	list-style: none;
	padding-top:8px;
	border-bottom: 1px dashed #fff;
	padding-bottom: 8px;
}
.Footersmf strong
{
	font-size: 15px;
	padding-left: 120px;
	color: #CCCCCC;
	font-size: 15px;
}
.Linksmf li a
{
	color: #929292;
}