Seleccionar idioma:
Realizar Donación - Mods Premium - Portfolio



Este sitio utiliza cookies propias y de terceros. Si continúa navegando consideramos que acepta el uso de cookies. OK Más Información.
* [Tutorial] Poner Footer Smfpersonal
  Leído 5631 veces
* Viendo el foro
 0 Usuarios y 1 Visitante están viendo este foro.


*
Autor: GonzaH
Ene 12 2012
Footer Smfpersonal

Buscamos en el index.template.php

Código: [Seleccionar]
// Show the "Powered by" and "Valid" logos, as well as the copyright. Remember, the copyright must be somewhere!
echo '

Agregamos despues:

Código: [Seleccionar]
<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

Código: [Seleccionar]
#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;
}

Resultado:

*


« Última Modificación: Enero 12, 2012, 12:55:05 am por ^HeRaCLeS^ »



Muy buen trabajo Gonza te felicito!!  +10




Buen trabajo muchacho solo deberías de aclarar que usas un atributo de css 3 el dashed

Saludos...




esta muy bueno io le hare unas cuantas modificaciones si me dieras el css para darle transparecia me ayudarias gracias




Para darle transparencia te referis que no tenga ese color oscuro de fondo?

Solo tendrias que modificar este codigo

Código: [Seleccionar]
#Footersmf
{
min-height: 200px;
background: #333333;
border-right: 1px solid #b8b8b8;
border-left: 1px solid #b8b8b8;
}

y donde dice background: #333333; se lo cambias a background: none;




Muy buen tutorial Gonz !!! Sencillo y bien explicado..




gracias ^HeRaCLeS^ por responder pero si como me dices ya lo puse y no es exactamente lo ke kiero, es decir darle transparencia a ese color como el del footer de este foro no se si me entienda si no para poner una captura mira intente poniendo este code con esta imagen y darle a esa misma imagen opcity pero sale sin opacity si me ayudas en eso gracias ...
Código: [Seleccionar]
#Footersmf {
    background: url("../images/athenea/footer2_back.png") repeat scroll 0px 0px transparent;
    border-radius: 0px 0px 6px 6px;
    box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3);
    color: rgb(204, 204, 204);
    font-size: 12px;
    margin: 0px auto;
}
tambien lo puse asi

Código: [Seleccionar]
#Footersmf
{
min-height: 200px;
        background: url("../images/athenea/footer2_back.png") repeat scroll 0px 0px transparent;
opacity: 50%;
        border-right: 1px solid #b8b8b8;
border-left: 1px solid #b8b8b8;
}
pero no me da el efecto que yo quiero..


« Última Modificación: Diciembre 25, 2012, 02:27:02 pm por Crisss.dj »




Estaria bastante bien eso, solo que el opacity no se usa asi, los valores son 1 el mayor 0 el menor, para ponerlo al 50% tenes que ponerle un valor de 0.5

Código: [Seleccionar]
opacity: 0.5;




gracias amigo me sirvio es que no se mucho en php te lo agradezco, ahora solo me falta poner la imagen que tengo en el indice abajo de fondo en el footer (y)




A cual imagen te referis y donde la queres poner?




Otros temas de su interes




Usuario:
Contraseña:
Sesión:
hermes bracelet replica, christian louboutin replica, van cleef and arpels replica, red bottoms replica, cartier love bracelet replica christian louboutin replica, christian louboutin replica, hermes bracelet replica,