Código para colocar imagens com redirecionamento e descrição

usaflex · 01/10/2010

Buenas, que tal?...Quisiera saber como puedo colocar imagenes en el header, es decir quiero colocar 4 imagenes de tamaño 32x32 uno al lado del otro.

Quisiera saber porfavor cual es el codigo para colocar mi imagen, el redireccionador al dar click a la imagen y una breve descripcion al pasar el mouse encima de la imagen...

Mil Gracias y Disculpen las molestias...

usaflex · 02/10/2010

Este era el codigo que yo habia hecho:

<a href="Link" target="_blank" title="Title"><img src="Image Link" border="0"/></a> <a href="Link" target="_blank" title="Title"><img src="Image Link" border="0"/></a> <a href="Link" target="_blank" title="Title"><img src="Image Link" border="0"/></a> <a href="Link" target="_blank" title="Title"><img src="Image Link" border="0"/></a><br> <span class="Estilo14">Social Bar</span></th>

Pero no funciona, porque puede ser?

Andrés Durán · 02/10/2010

Hola,

Debería servir:

HTML:

<a href="http://www.ejemplo1.com" target="_blank"><img src="http://sitiox.com/imageny.png" alt="Imagen 1" /></a>&nbsp;<a href="http://www.ejemplo2.com" target="_blank"><img src="http://sitiox.com/imageny.png" alt="Imagen 2" /></a>&nbsp;<a href="http://www.ejemplo3.com" target="_blank"><img src="http://sitiox.com/imageny.png" alt="Imagen 3" /></a>&nbsp;<a href="http://www.ejemplo4.com" target="_blank"><img src="http://sitiox.com/imageny.png" alt="Imagen 4" /></a>

usaflex · 04/10/2010

No funciona, crea un espacio blanco pero me he dado cuenta que lo hace unicamente con mi theme actual, si pongo el default no lo hace, significa que hay algun codigo en mi skin actual que molesta, lo mejor seria colocarlo con CSS. Que me recomienda Amigo?

Gracias por la respuesta anterior.

imported_Ryuk · 04/10/2010

El codigo que te falicita Andrés funciona perfectamente, tienes que asegurarte de colocar la ruta de las imagenes y links correctamente.

usaflex · 05/10/2010

Si, funciona! lo he probado! en cualquier skin fuinciona menos en el que tengo por default ahora mismo, creo que es por algun codigo que tiene en alguna plantilla, lo que le agregue en el css es

background:#000000, no creo que por este fondo en el header al colocar un codigo me lo mueva 🙁...

---------- Actualizado a las 18:54 ---------- Original a las 18:10 ----------

Este es mi header, puede decirme porfavor que es lo que esta causando conflicto:

Inserir CODE, HTML ou PHP:

<!-- logo -->
<a name="top"></a>
<div class="header">
 <div class="header_left">
<a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" /></a> 
</div>
</div>
 <div class="header_right">
  <img src="$stylevar[imgdir_misc]/headerad.gi" alt="" /></a>
 </div>
</div>
<!-- /logo -->

<!-- content table -->
<div class="nav">
<div class="navleft">
<!-- nav buttons bar -->
<table cellpadding="0" cellspacing="0" border="0">
    <tr align="center">
        <if condition="$show['member']">
            <td class="navitem"><a href="usercp.php$session[sessionurl_q]">$vbphrase[user_cp]</a></td>
        </if>
        <if condition="$show['registerbutton']">
            <td class="navitem"><a href="register.php$session[sessionurl_q]" rel="nofollow">$vbphrase[register]</a></td>
        </if>
        $template_hook[navbar_buttons_left]
        <td class="navitem"><a rel="help" href="faq.php$session[sessionurl_q]" accesskey="5">$vbphrase[faq]</a></td>
        <if condition="$show['communitylink'] AND $show['popups']">
            <td class="navitem"><a id="community" href="$show[nojs_link]#community" rel="nofollow" accesskey="6">$vbphrase[community]</a> <script type="text/javascript"> vbmenu_register("community"); </script></td>
        <else />
            <if condition="$vboptions['enablememberlist']">
                <td class="navitem"><a href="memberlist.php$session[sessionurl_q]">$vbphrase[members_list]</a></td>
            </if>
            <if condition="$show['quick_links_groups']">
                <td class="navitem"><a href="group.php?$session[sessionurl]">$vbphrase[social_groups]</a></td>
            </if>
        </if>
        <td class="navitem"><a href="calendar.php$session[sessionurl_q]">$vbphrase[calendar]</a></td>
        <if condition="$show['popups']">
            <if condition="$show['searchbuttons']">
                <if condition="$show['member']">
                <td class="navitem"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
                <else />
                <td class="navitem"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
                </if>
                <td class="navitem"><a id="navbar_search" href="search.php$session[sessionurl_q]" accesskey="4" rel="nofollow">$vbphrase[search]</a> <if condition="$show['quicksearch']"><script type="text/javascript"> vbmenu_register("navbar_search"); </script></if></td>
            </if>
            <if condition="$show['member']">
                <td class="navitem"><a id="usercptools" href="$show[nojs_link]#usercptools" accesskey="3">$vbphrase[quick_links]</a> <script type="text/javascript"> vbmenu_register("usercptools"); </script></td>
            </if>
        <else />
            <if condition="$show['searchbuttons']">
                <td class="navitem"><a href="search.php$session[sessionurl_q]" accesskey="4">$vbphrase[search]</a></td>
                <if condition="$show['member']">
                <td class="navitem"><a href="search.php?$session[sessionurl]do=getnew" accesskey="2">$vbphrase[new_posts_nav]</a></td>
                <else />
                <td class="navitem"><a href="search.php?$session[sessionurl]do=getdaily" accesskey="2">$vbphrase[todays_posts]</a></td>
                </if>
            </if>
            <td class="navitem"><a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a></td>
            <if condition="$show['member']">
                <td class="navitem"><a href="#" onclick="window.open('misc.php?$session[sessionurl]do=buddylist&amp;focus=1','buddylist','statusbar=no,menubar=no,toolbar=no,scrollbars=yes,resizable=yes,width=250,height=300'); return false;">$vbphrase[open_contacts]</a></td>
            </if>
        </if>
        $template_hook[navbar_buttons_right]
        <if condition="$show['member']">
            <td class="navitem"><a href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]" onclick="return log_out('$vbphrase[sure_you_want_to_log_out]')">$vbphrase[log_out]</a></td>
        </if>
        </tr>
    </table>
<!-- / nav buttons bar -->
</div>
<div class="navright">
<a href="forumdisplay.php?$session[sessionurl]do=markread" rel="nofollow">$vbphrase[mark_forums_read]</a>
<a style="margin-left: 15px;" href="search.php?do=getnew">
New Posts
</a>
$forumhome_markread_script
</div>
</div>
<div class="memberandsearch">
<if condition="$show['member']">
            <div class="memberBox">
                <p>Member Panel</p>
                <div class="loginBox">
    <div class="smallfont" style="padding-left:5px;">
        <strong><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong><br />
        <phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>

        <if condition="$show['notifications'] AND $show['popups']">
            <div><span id="notifications"><a href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]:</a> <strong>$notifications_total</strong></span></div>
            <script type="text/javascript"> vBmenu.register("notifications"); </script>
        <else /><if condition="$show['pmstats']">
            <div><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></div>
        </if></if>

        <if condition="$show['pmwarning']"><div><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></div></if>
    </div>
                </div>
            </div>
<else />
            <div class="memberBox">
                <p>Member Login</p>
                <div class="loginBox">
        <!-- login form -->
        <form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
        <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
                                <div class="loginBoxInput" style="padding-right:4px;">
                                    <input type="text" class="logininput" name="vb_login_username" id="navbar_username" accesskey="u" tabindex="101"  value="Username" onfocus="if (this.value == 'Username') this.value = '';" onblur="if (this.value == '') this.value = 'Username';" />
                                </div>
                                <div class="loginBoxInput">
                                    <input type="password" class="logininput" name="vb_login_password" id="navbar_password" accesskey="u" tabindex="101" value="Password" onfocus="if (this.value == 'Password') this.value = '';" onblur="if (this.value == '') this.value = '';" />                
                                </div>
                                <span class="loginButton">
                                    <input type="image" src="$stylevar[imgdir_misc]/gosearch.gif" value="Search" alt="Submit" />
                                </span>
        <input type="hidden" name="cookieuser" value="1" />
        <input type="hidden" name="s" value="$session[sessionhash]" />
        <input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
        <input type="hidden" name="do" value="login" />
        <input type="hidden" name="vb_login_md5password" />
        <input type="hidden" name="vb_login_md5password_utf" />
        </form>
        <!-- / login form -->
                </div>
                    <div class="memberLinks">
                        <a href="register.php">Not registered?</a>  |  <a href="login.php?do=lostpw">Forgot Password</a>
                    </div>                    
            </div>
</if>

 <div class="quicksearch">
  <p>Búsqueda rápida</p>
<form action="search.php?do=process" method="post">
                <input type="hidden" name="do" value="process" />
                <input type="hidden" name="quicksearch" value="1" />
                <input type="hidden" name="childforums" value="1" />
                <input type="hidden" name="exactname" value="1" />
                <input type="hidden" name="s" value="" />
                <input type="hidden" name="securitytoken" value="guest" />
                    
                            <div class="searchBoxInput">

                                <input type="text" class="searchinput" name="query" value="Buscar en ClanPy" onfocus="if (this.value == 'Buscar en ClanPy') this.value = '';" onblur="if (this.value == '') this.value = 'Buscar en ClanPy';" />
                            </div>
                            <span class="loginButton">
                                <input type="image" src="$stylevar[imgdir_misc]/gosearch.gif" value="Search" alt="Submit" />
                            </span>
</form>
    <div class="memberLinks">
        <a href="search.php">Ir Avanzado</a>
    </div>    
 </div>
</div>
$spacer_open

$_phpinclude_output

$ad_location[ad_header_end]

Mil gracias Chicos y Disculpen las molestias!

Código para colocar imagens com redirecionamento e descrição

usaflex

usaflex

Andrés Durán

usaflex

imported_Ryuk

usaflex

Tópicos similares