Mod Adk Portal (2.1.1)

Adk portal is a portal integrated to SMF, with multiple extensions and features.
The portal is aimed at simple and intuitive to the Administrator.
It has all the characteristics of portal, in addition to having a great set of downloads, system of internal pages, etc.

Mod Adk Seo (3.0)

Adk Seo is an internal system of SMF to improve your ranking.
It has powerful features to appear on the top of major search engines.
With this product, you can change your urls, choose your format, encouraging social activity on your site, place their own sitemaps, etc.
Mod Adk Blog (3.0)

Adk blog is an internal system of SMF to help encourage business users.
This product will create a space where your users can use as your own blog, creating categories, entries, and managing your comments.


[Tuto] Barra de Footer al Estilo SkinMod - WordPress


Board:

Tutoriales para tu Web

Topic:

[Tuto] Barra de Footer al Estilo SkinMod - WordPress


Description:

Tutoriales que no tengan que ver con smf, sino para tu web.

Author Topic: [Tuto] Barra de Footer al Estilo SkinMod - WordPress  (Read 776 times)

0 Members and 1 Guest are viewing this topic.

[Tuto] Barra de Footer al Estilo SkinMod - WordPress

[Tuto] Barra de Footer al Estilo SkinMod - WordPress
« on: July 12, 2011, 06:55:00 PM »
Hola, a pedido del maestro Heracles, les traigo este tuto del Footer con Links al Estilo SkinMod, pero esta vez para utilizarlo en su blog de Wordpress.
Para Foros: http://www.skinmod.eu/index.php?topic=2086.0

Nota: Al igual que para Foros, este Tutorial está basando en el Theme default, si tienen problemas para agregarlo a otro Theme pidan soporte.


Comencemos:
Accedemos al Panel de Administración de WordPress, nos dirigimos a Apariencia, una vez ahí entramos a Editor.
Accedemos al Menú de su derecha, y hacemos click en lo siguiente: “Pie de página (footer.php)”.

Buscamos:

         
Code: [Select]
<div id="site-generator">
<?php do_action'twentyeleven_credits' ); ?>
<a href="<?php echo esc_url__'http://wordpress.org/''twentyeleven' ) ); ?>" title="<?php esc_attr_e'Semantic Personal Publishing Platform''twentyeleven' ); ?>" rel="generator"><?php printf__'Proudly powered by %s''twentyeleven' ), 'WordPress' ); ?></a>

Debajo agregamos:

Code: [Select]
<div id="links">
<div class="links">
<strong>Enlaces Importantes:</strong>
<ul>
<li>
»
<a title="Tu Titulo 1" href="http://www.tuforo.com" target="_blank">Link 1</a>
</li>
<li>
»
<a title="Tu Titulo 2" href="http://www.tuforo.com" target="_blank">Link 2</a>
</li>
<li>
»
<a title="Tu Titulo 3" href="http://www.tuforo.com" target="_blank">Link 3</a>
</li>
<li>
»
<a title="Tu Titulo 4" href="http://www.tuforo.com" target="_blank">Link 4</a>
</li>
<li>
»
<a title="Tu Titulo 5" href="http://www.tuforo.com" target="_blank">Link 5</a>
</li>
</ul>
</div>
<div class="links">
<strong>Administracion:</strong>
<ul>
<li>
»
<a title="Tu Titulo 1" href="http://www.tuforo.com" target="_blank">Link 1</a>
</li>
<li>
»
<a title="Tu Titulo 2" href="http://www.tuforo.com" target="_blank">Link 2</a>
</li>
<li>
»
<a title="Tu Titulo 3" href="http://www.tuforo.com" target="_blank">Link 3</a>
</li>
<li>
»
<a title="Tu Titulo 4" href="http://www.tuforo.com" target="_blank">Link 4</a>
</li>
<li>
»
<a title="Tu Titulo 5" href="http://www.tuforo.com" target="_blank">Link 5</a>
</li>
</ul>
</div>
<div class="links">
<strong>Síguenos en:</strong>
<ul>
<li>
<img alt="Hazte fan en Facebook." src="facebook.png"/>
<a title="Hazte fan en Facebook." href="Link de tu Facebook" target="_blank">Hazte fan en Facebook.</a>
</li>
<li>
<img alt="Síguenos en Twitter." src="twitter.png"/>
<a title="Síguenos en Twitter." href="Link de tu Twitter" target="_blank">Síguenos en Twitter.</a>
</li>
<li>
<img alt="Véanos en YouTube." src="youtube.png"/>
<a title=Véanos en YouTube." href="Link de tu canal de YouTube" target="_blank">Véanos en YouTube.</a>
</li>
<li>
<img alt="RSS Feed." src="rss.png"/>
<a title="RSS Feed." href="Link de tu RSS" target="_blank">RSS Feed.</a>
</li>
</ul>
</div>
</div>

Ahora volvemos al Menú de su derecha, y hacemos click en lo siguiente: “Hoja de estilos
(style.css)”.


Agregamos al Final:

Code: [Select]
.links{
color: #000;
float: left;
width: 30%;
}
#links {
height: 120px;
background:#f2f2f2;
border: 1px solid #d6d6d6;
        text-align: justify;
        line-height: 20px;
}
.links li {
    list-style: none;
 
}
.links ul {
    padding-left: 95px;
    p {margin-bottom:1px}
}

.links strong {
    font-size: 15px;
    padding-left: 120px;
}

Ahora lo que deben hacer es guardar las imágenes que les adjunte en un lugar que deseen, y colocar el link hacia esa ubicación en los siguientes lugares:
Code: [Select]
src="facebook.png"
src="twitter.png"
src="youtube.png"
src="rss.png"

Eso es todo, ahora pueden modificar todos los datos que aparecerán y colocar los Links correspondientes.

Aquí el resultado:




Saludos
Espero les sirva.

Prototype

  • *
  • Posts: 262
  • Sometimes I'm a Prototype



Sorry visitor. To access the SMF Personal answers, you need to Register or Login.

Atte. SMF Personal

Tags

 


 
Application Parser To Mod

It is a system developed by SMF Personal, similar to parse smf, but with the difference that it not only show us the steps to install mods but also show us the steps to uninstall and update mods.
The mods that can be analyzed are obviously those who are raised in SMF Personal.
Section Mods

In this section you will find all mods done by the staff and users of SMF Personal.
The mods are displayed in a simple and easy to read.
Section Tutorials

In this section you will find all the tutorials made by our staff and users of SMF Personal.
The tutorials are displayed in a simple and easy to read.

SMF 2.0.2 | SMF © 2011, Simple Machines | Adk Portal 2.1.1 © SMF personal  & Adk Seo 3.0
This site is not affiliated with or endorsed by Simple Machines