• Página 1 de 1
  • 1
Moderador del foro: ZorG  
Modificacion de botones sociales
SuniYumi
Mensajes: 1
Reputación: 0
Mensaje Nº 1 | 11:37 PM
Buenas, soy nueva con esto de crear pagina en Ucoz y pues tengo una duda.
Es que escogi una plantilla que tiene los botones de las redes sociales (twitter, facebook etc) y quisiera colocar uno que no esta, que es el de youtube, pero no se como. Aqui dejo el codigo de los botones si es que sirve de algo. Y la plantilla que tengo es #1101
Código
</div>
     <div id="soc-box">
      <a href="http://vk.com/" class="soc-vk" target="_blank"></a>
      <a href="https://www.facebook.com/" class="soc-fc" target="_blank"></a>
      <a href="https://vimeo.com/" class="soc-vi" target="_blank"></a>
      <a href="https://twitter.com/" class="soc-tw" target="_blank"></a>
      <a href="http://www.flickr.com/" class="soc-fl" target="_blank"></a>      
     </div>
zatch_01
Mensajes: 269
Reputación: 2
Mensaje Nº 2 | 0:07 AM
El número de plantilla no importa, lo que debes hacer es, si bien el código lo tenes, copia 1 sección:

Código
<a href="http://www.flickr.com/" class="soc-fl" target="_blank"></a>  


Ahora partiendolo por secciónes:
*"<a href="url"" ahi va la url del sitio al que deseas que lleve, osea YouTube. Un ejemplo para que veas como queda es:
<a href="http://www.youtube.com/watch?v=sa4f56as" quedando así la parte primaria.
*Ahora el class, significa que está inscrustado en css, por lo que es más tedioso para modificar, porque no es un solo archivo, sino 2 o más, debiendo cambiarlo para img y poner un icono de YouTube, quedando asi:
Código
class="soc-fl
Original.-
Código
<img src="ahman.gif" />

*Target se refiere a nueva pagina o como, pero dejala en blank

Finalizando el código te quedaria así:
Código

      </div>  
      <div id="soc-box">  
       <a href="http://vk.com/" class="soc-vk" target="_blank"></a>  
       <a href="https://www.facebook.com/" class="soc-fc" target="_blank"></a>  
       <a href="https://vimeo.com/" class="soc-vi" target="_blank"></a>  
       <a href="https://twitter.com/" class="soc-tw" target="_blank"></a>  
       <a href="http://www.flickr.com/" class="soc-fl" target="_blank"></a>       
       <a href="http://www.youtube.com/tucanal/" img scr="http://hostimagen.com/urlimagen" target="_blank"></a>       
      </div>


Sólo es cuestión de HTML, y añadir otra línea, podes usarlo también para poner aún más botones, pero debes ver que entre el espacio donde va ubicado.

Visita mi sitio si queres ver animes y pelis online www.portal-iw.do.am
MrCazper
Mensajes: 1084
Reputación: 33
Mensaje Nº 3 | 5:26 AM
Cita zatch_01 ()

Sólo es cuestión de HTML, y añadir otra línea, podes usarlo también para poner aún más botones, pero debes ver que entre el espacio donde va ubicado.


Recuerda que aveces puedes romper el diseño, No siempre se respeta el diseño con esos fragmentos de divs, aveces, se rompe y arruina todo.

Tenganlo en cuenta y suerte.

Contactame mediante mi sitio web:
http://davidmorales.com.mx/
  • Página 1 de 1
  • 1
Búscar: