Cambiar imagen de fondo y otras cosas..

Cambiar imagen de fondo y otras cosas..
Datos importantes:
Url del foro: www.nc-rp.com/foro
Version de SMF: 2.8
Theme del foro: MinDI
Descripcion del problema:
Hola, soy nuevo en esto y necesito ayuda sobre mi theme MinDI.

Quiero realizar los siguientes cambios en mi theme:

Quisiera poder realizar el cambio de fondo, ya que lo veo muy cutre. He visto en distintos post que se usa el index.css y eso y se agrega el "backgroud" y demas, pero ya lo hice, y sigue sin funcionar.

Despues quisiera saber como agregar los socials-icons , o sea, puedo modificarlo entrando al index.template.php y ya encontre las lineas que son:


if(!empty($settings['twitter_username']))
                     echo '
               <li><a class="social_icon twitter" href="http://twitter.com/', $settings['twitter_username'] , '" target="_blank"></a></li>';
               
                     if(!empty($settings['facebook_username']))
                     echo '
               <li><a class="social_icon facebook" href="http://fb.me/', $settings['facebook_username'] , '" target="_blank"></a></li>';

                     if(!empty($settings['youtube_username']))
                     echo '
               <li><a class="social_icon youtube" href="http://youtube.com/', $settings['youtube_username'] , '" target="_blank"></a></li>';
               
                     echo '
               <li><a class="social_icon rss" href="', empty($settings['rss_url']) ? '' . $scripturl . '?action=.xml;type=rss' : '' . $settings['rss_url'] . '', '" target="_blank"></a></li>';
                  
                  echo '

He modificado asi:

                     
                     echo '
               <li><a class="social_icon youtube" href="http://youtube.com/', $settings['youtube_username'] , 'NombreDeUsuario';

Pero cuando refresco el foro desaparece la de RSS , como que se suplanta en el lugar y cuando voy al social-icon en el foro aparece " www.youtube.com/NombreDeUsuario<li><a class " y no se por que es.

Por favor, necesito ayuda urgente.

Para lo del fondo, tenes que reemplazar en tu index.css (Del theme que usas) en la linea 36

Buscar esto:

Code: [Select]

background: url(../images/theme/main_block.png) 0 0 no-repeat;

y cambiar por la imagen que vos quieras poner de fondo.


Con respecto a lo otro, si el codigo lo dejaste tal cual lo mencionas:

Code: [Select]

<li><a class="social_icon youtube" href="http://youtube.com/', $settings['youtube_username'] , 'NombreDeUsuario';

Pues eso esta mal, ya que no cerras ni la etiqueta a ni la etiqueta li. Sin contar que no se que quisiste hacer poniendo NombreDeUsuario al final....

Para lo del fondo, tenes que reemplazar en tu index.css (Del theme que usas) en la linea 36

Buscar esto:

Code: [Select]

background: url(../images/theme/main_block.png) 0 0 no-repeat;

y cambiar por la imagen que vos quieras poner de fondo.


Con respecto a lo otro, si el codigo lo dejaste tal cual lo mencionas:

Code: [Select]

<li><a class="social_icon youtube" href="http://youtube.com/', $settings['youtube_username'] , 'NombreDeUsuario';

Pues eso esta mal, ya que no cerras ni la etiqueta a ni la etiqueta li. Sin contar que no se que quisiste hacer poniendo NombreDeUsuario al final....

Lo del fondo ya lo hice  funciono, pero la imagen no es tan grande como para ocupar todo el foro, o sea, necesito la imagen en mosaico o algo asi, para que cuando baje para las secciones de abajo no se quede en blanco ¿Entendes?

Lo ultimo de los socials-icons necesito que me digas como poner para poder agregar las redes sociales :s

Lo primero que te diria es que achiques la imagen del logo, ya que se sale del ancho del sitio. Lo haces agregando esto al final del index.css

Code: [Select]

.forumtitle img {
    width: 80%;
}


Para lo de la imagen de fondo lo que podes hacer es dejarla fija, de esa forma no importa que tan grande la seccion, el fondo se ira moviendo conforme bajes o subas... Para ello modifica esto en el index.css

Code: [Select]

background: url(../images/theme/background.png) 0 0 no-repeat;

Por esto:

Code: [Select]

background: url(../images/theme/background.png) no-repeat fixed 0 0 / 100% 300% rgba(0, 0, 0, 0);

Y si en lugar de que quede fijo queres que el fondo se repita pones esto:

Code: [Select]

background: url(../images/theme/background.png) 0 0 repeat;


Con respecto a lo de las redes sociales, no explicas bien que es lo que queres que hagamos... el codigo original funciona perfectamente:

Code: [Select]

if(!empty($settings['twitter_username']))
                     echo '
               <li><a class="social_icon twitter" href="http://twitter.com/', $settings['twitter_username'] , '" target="_blank"></a></li>';
               
                     if(!empty($settings['facebook_username']))
                     echo '
               <li><a class="social_icon facebook" href="http://fb.me/', $settings['facebook_username'] , '" target="_blank"></a></li>';

                     if(!empty($settings['youtube_username']))
                     echo '
               <li><a class="social_icon youtube" href="http://youtube.com/', $settings['youtube_username'] , '" target="_blank"></a></li>';
               
                     echo '
               <li><a class="social_icon rss" href="', empty($settings['rss_url']) ? '' . $scripturl . '?action=.xml;type=rss' : '' . $settings['rss_url'] . '', '" target="_blank"></a></li>';

Y para configurarlo tenes que ir a administracion -> tema actual.... ahi veras para poner los datos de cada red social.