Botones Redes Sociales + ( una duda)

[cachencho29]

hola amigos le comento y muestro como e instalado unos botones de redes sociales y una duda que tengo para mejorar esta instalación

1.  busque an el thema que estamos usando en mi caso (Theme by SMFTricks). busque el siguiente archivo theme/index.template.php/ busque:

Code Select Expand

echo'
</ul>
<ul class="reset">
<li>', theme_copyright(), '</li>
<li>Theme by <a href="http://smftricks.com/">SMFTricks</a></li>
<li>', !empty($settings['redsy_copyright']) ? $settings['redsy_copyright'] : $context['forum_name'] .' &copy;' ,'</li>
</ul>';

Y justo debajo agregue lo siguiente:

Code Select Expand

echo '
<div id="siteslogan" class="floatright">
<a href="http://facebook.com/tu url"><img src="http://cdn3.iconfinder.com/data/icons/socialnetworking/32/facebook.png" ALT="Facebook"></a>

<a href="http://twitter.com/tu url"><img src="http://cdn3.iconfinder.com/data/icons/socialnetworking/32/twitter.png" ALT="Twitter"></a>

<a href="http://youtube.com/tu url"><img src="http://cdn3.iconfinder.com/data/icons/socialnetworking/32/youtube.png" ALT="Youtube"></a>
' . $settings['site_slogan'] . '</div>', '
</div></div>';

quedando de esta forma:

Ahora la duda, a lo mejor es algo muy simple pero en realidad no se como hacerlo quisiera lograr esto que mis botones se centren al igual esta en esta imagen:

espero encontrar solución a mi pequeña duda  y de ante manos muchas grax.
mi web es  http://liberatuandroid.com/index.php

[-Rock Lee-]

Eso básicamente es moviendo un poco el css del theme, con el 2do click y dándole a inspeccionar elemento puede ayudarte mucho a moverlo donde quieres. En firefox esta el complemento firebug cumple la misma función ademas mover el div, que mirando el código como te digo es simple de darte cuenta como hacerlo... sino:

Busca en el index.template.php:

Code Select Expand

<ul class="reset">
<li>', theme_copyright(), '</li>
<li>Theme by <a href="http://smftricks.com/">SMFTricks</a></li>
<li>', !empty($settings['redsy_copyright']) ? $settings['redsy_copyright'] : $context['forum_name'] .' &copy;' ,'</li>
</ul>';

lo dejas de esta manera:

Code Select Expand

<ul class="reset">
<li><div id="social"><a href="http://facebook.com/groups/520619761392526/"><img src="http://cdn3.iconfinder.com/data/icons/socialnetworking/32/facebook.png" ALT="Facebook"></a>
<a href="http://twitter.com/rodrigoreyesbu1"><img src="http://cdn3.iconfinder.com/data/icons/socialnetworking/32/twitter.png" ALT="Twitter"></a>
<a href="http://youtube.com/channel/UCoqR7mXcRDojTug1Vndhc7A"><img src="http://cdn3.iconfinder.com/data/icons/socialnetworking/32/youtube.png" ALT="Youtube"></a></div></li>
<li>', theme_copyright(), '</li>
<li>Theme by <a href="http://smftricks.com/">SMFTricks</a></li>
<li>', !empty($settings['redsy_copyright']) ? $settings['redsy_copyright'] : $context['forum_name'] .' &copy;' ,'</li>
</ul>';

y al final del index.css agrega:

Code Select Expand

#social {
    float: right;
    margin-right: 35%;
    padding-right: 10px;
}

Quedaría como quieres simplemente debes tocar un poco los valores si quieres dejarlo a tu gusto, yo acabo de probarlo quedo en el centro cualquier cosa avisa si te da algún problema.


Saludos!

[cachencho29]

Eso básicamente es moviendo un poco el css del theme, con el 2do click y dándole a inspeccionar elemento puede ayudarte mucho a moverlo donde quieres. En firefox esta el complemento firebug cumple la misma función ademas mover el div, que mirando el código como te digo es simple de darte cuenta como hacerlo... sino:

Busca en el index.template.php:

Code Select Expand

<ul class="reset">
<li>', theme_copyright(), '</li>
<li>Theme by <a href="http://smftricks.com/">SMFTricks</a></li>
<li>', !empty($settings['redsy_copyright']) ? $settings['redsy_copyright'] : $context['forum_name'] .' &copy;' ,'</li>
</ul>';

lo dejas de esta manera:

Code Select Expand

<ul class="reset">
<li><div id="social"><a href="http://facebook.com/groups/520619761392526/"><img src="http://cdn3.iconfinder.com/data/icons/socialnetworking/32/facebook.png" ALT="Facebook"></a>
<a href="http://twitter.com/rodrigoreyesbu1"><img src="http://cdn3.iconfinder.com/data/icons/socialnetworking/32/twitter.png" ALT="Twitter"></a>
<a href="http://youtube.com/channel/UCoqR7mXcRDojTug1Vndhc7A"><img src="http://cdn3.iconfinder.com/data/icons/socialnetworking/32/youtube.png" ALT="Youtube"></a></div></li>
<li>', theme_copyright(), '</li>
<li>Theme by <a href="http://smftricks.com/">SMFTricks</a></li>
<li>', !empty($settings['redsy_copyright']) ? $settings['redsy_copyright'] : $context['forum_name'] .' &copy;' ,'</li>
</ul>';

y al final del index.css agrega:

Code Select Expand

#social {
    float: right;
    margin-right: 35%;
    padding-right: 10px;
}

Quedaría como quieres simplemente debes tocar un poco los valores si quieres dejarlo a tu gusto, yo acabo de probarlo quedo en el centro cualquier cosa avisa si te da algún problema.


Saludos!

muchas gracias por tu aporte a servido muchísimo

[-Rock Lee-]

muchas gracias por tu aporte a servido muchísimo

De nada entonces pasa a marcalo como solucionado!!!


Saludos!

[vicram10]

excelente rocklee..
marcado como solucionado