URBE

Regístrate y accede a todo el contenido de Urbe.biz, sin verificacion de mail Click aquí


Unirse al foro, es rápido y fácil

URBE

Regístrate y accede a todo el contenido de Urbe.biz, sin verificacion de mail Click aquí

URBE

¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.

Mi sitio tu sitio


5 participantes

    Al pasar el mouse por el avatar aparece la informacion

    MarioGM
    MarioGM


    Al pasar el mouse por el avatar aparece la informacion Th_per10
    Masculino Lugar : En mi zaja - dulces sueños en mi amado peru

    Al pasar el mouse por el avatar aparece la informacion Empty Al pasar el mouse por el avatar aparece la informacion

    Mensaje por MarioGM Miér Sep 08, 2010 2:47 pm

    Con este tuto aprenderan a tener un codigo muy atractivo exclusivamente para URBE, no explico muy bien como modificar
    el CSS asi que necesitan saber un conocimiento medio o menos para
    modificarlo
    Primero que nada iremos al CSS
    Panel de Administracion-> Vizualisacion-> Al pasar el mouse por el avatar aparece la informacion Images_couleurs Imagenes y Colores-> Colores
    y entramos en la pestaña que dice CsStyleths.

    Código:
    /*--TODO ESTO LO AH CREADO PARA URBE (Xd) y son derechos reservados para URBE no lo uses para publicarlo como tutorial sin mi autorizacion ya que hice un gran esfuerzohaciendolo--*/

    /*--Estilo de las columnas by Urbe--*/
    ul.columns {
      list-style: none;
      margin: 0 auto; padding: 0;
    }
    ul.columns li {
      float: left; display: inline;
      margin: 10px; padding: 0;
      position: relative;
    }
    ul.columns li:hover {z-index: 99;}

    /*--TODO ACERCA DEL AVATAR BY URBE--*/
    ul.columns li img {
      position: relative;
      filter: alpha(opacity=30);
      opacity: 0.3;
      -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*--IE8 Specific--*/
    }
    ul.columns li:hover img{
      z-index: 999;
      filter: alpha(opacity=100);
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

    /*--DETALLES DEL "GLOBO" DE INFORMACION TAMBIEN BY URBE--*/
    ul.columns li .info {
      position: absolute;
      left: -10px; top: -10px;
      padding: 210px 10px 20px;
      width: 220px;
      display: none;
      background: #fff;
      border: 4px solid black;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-box-shadow: 0px 0px 10px gray;
    -webkit-box-shadow: 0px 0px 10px gray;
    box-shadow: 0px 0px 10px black;
    float: center;
    text-shadow: black 5px 0px 5px;
    }
    ul.columns li:hover .info {display: block;}

    ul.columns li h2 {
      font-size: 1.2em;
      font-weight: normal;
      text-transform: uppercase;
      margin: 0; padding: 10px 0;
    }
    ul.columns li p {padding: 0; margin: 0; font-size: 0.9em;}


    Una vez insertado eso vamos a modificar templantes, entonces si no eres el administrador FUNDADOR no podras hacer este ultimo paso...

    Panel de Administracion-> Vizualisacion-> Templantes-> General-> viewtopic_body
    una vez ahi sustituimos todo el templante por el codigo que les dejo aqui abajo una vez echo esto se acaba el tutorial y tienen un bonito efecto.

    Código:
    <script type="text/javascript">
    //<![CDATA[
    var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
    $(function(){
      _atc.cwait = 0;
      $('.addthis_button').mouseup(function(){
          if ($('#at15s').css('display') == 'block') {
            addthis_close();
            addthis_close();
          }
      });
    });
    //]]>
    </script>

    <table width="100%" border="0" cellspacing="2" cellpadding="0">
      <tr>
          <td align="left" valign="middle" nowrap="nowrap">
            <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
            </span>
          </td>
          <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
          <td align="right" valign="bottom" nowrap="nowrap" width="100%">
            <span class="gensmall bold">
                <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
                |
                <script type="text/javascript">
                //<![CDATA[
                insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
                //]]>
                </script>
            </span>
          </td>
      </tr>
    </table>

    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr align="right">
          <td class="catHead" colspan="3" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="9%" class="noprint"> </td>
                  <td align="center" nowrap="nowrap" class="t-title"><h1 class="cattitle"> <!-- google_ad_section_start -->{TOPIC_TITLE}<!-- google_ad_section_end --></h1></td>
                  <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
                </tr>
            </table>
          </td>
      </tr>
      <!-- BEGIN topicpagination -->
      <tr>
          <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
      </tr>
      <!-- END topicpagination -->
      {POLL_DISPLAY}
      <tr>
          <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
          <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
      </tr>
      <!-- BEGIN postrow -->
      <!-- BEGIN displayed -->
      <tr class="post">
          <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>

                <span class="postdetails poster-profile">
    </span>

    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
    $ (document).ready(function(){
     
      $ ("a.switch_thumb").toggle(function(){
        $ (this).addClass("swap");
        $ ("ul.display").fadeOut("fast", function() {
            $(this).fadeIn("fast").addClass("thumb_view");
          });
        }, function () {
          $ (this).removeClass("swap");
        $ ("ul.display").fadeOut("fast", function() {
            $ (this).fadeIn("fast").removeClass("thumb_view");
          });
      });
     
    });
    </script>
    <ul class="columns">
        <li>
          <a href="#">{postrow.displayed.POSTER_AVATAR}</a>
            <div class="info">
                <h2>{postrow.displayed.POSTER_RANK}</h2>
              {postrow.displayed.RANK_IMAGE}


                <!-- BEGIN profile_field -->
                {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                <!-- END profile_field -->
                {postrow.displayed.POSTER_RPG}
            </span>


    {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
            </div>
        </li>
    </ul>
               
          </td>
          <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
                  <td valign="top" nowrap="nowrap" class="post-options">
                      {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
                  </td>
                </tr>
                <tr>
                  <td colspan="2" class="hr">
                      <hr />
                  </td>
                </tr>
                <tr>
                  <td colspan="2">
                      <!-- BEGIN switch_vote_active -->
                      <div class="vote gensmall">
                        <!-- BEGIN switch_vote -->
                        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                        <!-- END switch_vote -->

                        <!-- BEGIN switch_bar -->
                        <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                            <!-- BEGIN switch_vote_plus -->
                            <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                            <!-- END switch_vote_plus -->

                            <!-- BEGIN switch_vote_minus -->
                            <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                            <!-- END switch_vote_minus -->
                        </div>
                        <!-- END switch_bar -->

                        <!-- BEGIN switch_no_bar -->
                        <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                        <!-- END switch_no_bar -->

                        <!-- BEGIN switch_vote -->
                        <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                        <!-- END switch_vote -->
                      </div>
                      <!-- END switch_vote_active -->

                      <div class="postbody">

                        <div>{postrow.displayed.MESSAGE}</div>

                        <!-- BEGIN switch_attachments -->
                        <dl class="attachbox">
                            <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                            <dd>
                              <!-- BEGIN switch_post_attachments -->
                              <dl class="file">
                                  <dt>
                                    <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

                                    <!-- BEGIN switch_dl_att -->
                                    <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                                    <!-- END switch_dl_att -->

                                    <!-- BEGIN switch_no_dl_att -->
                                    {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                                    <!-- END switch_no_dl_att -->
                                  </dt>

                                  <!-- BEGIN switch_no_comment -->
                                  <dd>
                                    <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                                  </dd>
                                  <!-- END switch_no_comment -->

                                  <!-- BEGIN switch_no_dl_att -->
                                  <dd>
                                    <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                                  </dd>
                                  <!-- END switch_no_dl_att -->

                                  <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                              </dl>
                              <!-- END switch_post_attachments -->
                            </dd>
                        </dl>
                        <!-- END switch_attachments -->

                        <div class="clear"></div>
                        <div class="signature_div">
                            {postrow.displayed.SIGNATURE}
                        </div>

                      </div>
                      <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
                  </td>
                </tr>
            </table>
          </td>
      </tr>
      <tr>
          <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
            <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
          </td>
          <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td valign="middle">
                  </td>
                </tr>
            </table>
          </td>
      </tr>
      <!-- BEGIN first_post_br -->
    </table>


    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
          <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
          <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
      </tr>
      <!-- END first_post_br -->
      <!-- END displayed -->
      <!-- BEGIN hidden -->
      <tr>
          <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
      </tr>
      <!-- END hidden -->
      <!-- END postrow -->
      <!-- BEGIN no_post -->
      <tr align="center">
          <td class="row1" colspan="3" height="28">
            <span class="genmed">{no_post.L_NO_POST}</span>
          </td>
      </tr>
      <!-- END no_post -->
      <tr align="right">
          <td class="catBottom" colspan="3" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="9%" class="noprint"> </td>
                  <td align="center" nowrap="nowrap" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
                  <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
                </tr>
            </table>
          </td>
      </tr>
    </table>

    <table class="forumline noprint" width="100%" border="0" cellspacing="1" cellpadding="0">
      <tr>
          <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
          <!-- BEGIN topicpagination -->
          <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
          <!-- END topicpagination -->
      </tr>
      <!-- BEGIN switch_user_logged_in -->
      <!-- BEGIN watchtopic -->
      <tr>
          <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
      </tr>
      <!-- END watchtopic -->
      <!-- END switch_user_logged_in -->
      <tr>
          <td class="row2" colspan="2" align="center" style="padding:0px">
            <!-- BEGIN switch_user_logged_in -->
            <a name="quickreply"></a>
            {QUICK_REPLY_FORM}

            <!-- END switch_user_logged_in -->
          </td>
      </tr>
      <tr>
          <td style="margin:0; padding: 0;" colspan="2">
            <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
                <tbody>
          <!-- BEGIN show_permissions -->
          <tr>
            <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
            <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
          </tr>
          <!-- END show_permissions -->
          <tr>
            <td class="catBottom" colspan="2" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                      <!-- BEGIN show_permissions -->
                      <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                      <!-- END show_permissions -->
                  </tr>
                </table>
            </td>
          </tr>
      </tbody>
            </table>
          </td>
      </tr>
      <tr>
          <td style="margin:0; padding: 0;" colspan="2">
            <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
                <tbody>
          <tr>
            <td class="catBottom" colspan="2" height="28">
                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                      <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                      <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
                  </tr>
                </table>
            </td>
          </tr>
      </tbody>
            </table>
          </td>
      </tr>
    </table>

    <form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
      <tr>
          <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
            <span class="nav">
                <!-- BEGIN switch_user_authpost -->
                <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
                <!-- END switch_user_authpost -->
                <!-- BEGIN switch_user_authreply -->
                <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
                <!-- END switch_user_authreply -->
            </span>
          </td>
          <!-- BEGIN viewtopic_bottom -->
          <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
          <!-- END viewtopic_bottom -->
          <!-- BEGIN moderation_panel -->
          <td align="center">
            <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
          </td>
          <td align="center" width="250">
            <span class="gensmall"> </span>
          </td>
          <!-- END moderation_panel -->
      </tr>
    </table>
    </form>

    <!-- BEGIN viewtopic_bottom -->
    <table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
      <tr>
          <td colspan="2" align="left" valign="top" nowrap="nowrap">
    {S_TOPIC_ADMIN}

            <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
                <input type="hidden" name="t" value="{TOPIC_ID}" />
                <input type="hidden" name="sid" value="{S_SID}" />
                <span class="gen">{L_MOD_TOOLS}
    {S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
            </form>
          </td>
      </tr>
    </table>
    <!-- END viewtopic_bottom -->

    <!-- BEGIN switch_image_resize -->
    <script type="text/javascript">
    //<![CDATA[
    $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
    //]]>
    </script>
    <!-- END switch_image_resize -->

    <script type="text/javascript" src="{JS_DIR}addthis/addthis_widget.js"></script>

    fIN Espero que les guste xd. Al pasar el mouse por el avatar aparece la informacion 377609 Al pasar el mouse por el avatar aparece la informacion 901900
    MISSARG
    MISSARG


    Al pasar el mouse por el avatar aparece la informacion Th_arg10
    Femenino

    Al pasar el mouse por el avatar aparece la informacion Empty Re: Al pasar el mouse por el avatar aparece la informacion

    Mensaje por MISSARG Miér Sep 08, 2010 2:50 pm

    wow gracias ya lo probare a ver que tal... Al pasar el mouse por el avatar aparece la informacion 835905 jajaja yo de phpbb2 no se mucho asi q viene al pelo... Al pasar el mouse por el avatar aparece la informacion 941825
    Cariñito
    Cariñito
    Super Moderador
    Super Moderador


    Al pasar el mouse por el avatar aparece la informacion Nicara10
    Femenino Lugar : Leon

    Al pasar el mouse por el avatar aparece la informacion Empty Re: Al pasar el mouse por el avatar aparece la informacion

    Mensaje por Cariñito Sáb Dic 04, 2010 8:24 pm

    orale es muy bueno megustaria pedirte permiso para usarlo en mi foro
    MISSARG
    MISSARG


    Al pasar el mouse por el avatar aparece la informacion Th_arg10
    Femenino

    Al pasar el mouse por el avatar aparece la informacion Empty Re: Al pasar el mouse por el avatar aparece la informacion

    Mensaje por MISSARG Dom Dic 05, 2010 2:29 am

    Cariñito escribió:orale es muy bueno megustaria pedirte permiso para usarlo en mi foro

    Hola! todo lo que ves publicado en el foro es para que los usen en sus foros, web , etc.

    En imagenes creadas por mi expuse lo siguiente:

    Urbe facilita las imagenes para ser utilizadas en forma personal en sus web o foros, queda prohibido el metodo copia y pega para exhibir en otras web o foros a modo de galeria o similares.

    Lo mismo es para codigos..Asi que ya ves que tenes muchas cosillas que pueden ser utiles para diseñar tu foro ; )
    Cariñito
    Cariñito
    Super Moderador
    Super Moderador


    Al pasar el mouse por el avatar aparece la informacion Nicara10
    Femenino Lugar : Leon

    Al pasar el mouse por el avatar aparece la informacion Empty Re: Al pasar el mouse por el avatar aparece la informacion

    Mensaje por Cariñito Dom Dic 05, 2010 6:39 pm

    jijijiji bueno ya lo use en el foro pero paso esto mira
    Al pasar el mouse por el avatar aparece la informacion Csssh

    la parte del rango queda muy abajo y las letras muy pequeñas

    y me gustaria cambiar el fondo en un color azul marino oscuro
    se puede hacer esos arreglos
    MISSARG
    MISSARG


    Al pasar el mouse por el avatar aparece la informacion Th_arg10
    Femenino

    Al pasar el mouse por el avatar aparece la informacion Empty Re: Al pasar el mouse por el avatar aparece la informacion

    Mensaje por MISSARG Dom Dic 05, 2010 7:26 pm


    y me gustaria cambiar el fondo en un color azul marino oscuro
    se puede hacer esos arreglos

    sis e puede cambiar, debes hacerlo en el codigo css que acompaña en script.

    Donde dice:

    Código:
    font-size: 1.2em;
    y
    Código:
     font-size: 0.9em;
    ahi aumenta o reduce el tamaño, ejemplo, 1.8em es un tamaño tipo titulo..osea que vete modificando hasta q quede como quieres..
    Código:

    background: #fff;
    esl el color de fondo..cambiale por el color que quieres..(#fff es blanco).

    Código:
    border: 4px solid black;
    es el color y ancho del borde del borde (black es negro, puedes cambiarle el color alli colocando el nombre comoe sta o bien en numeros.

    la parte del rango queda muy abajo y las letras muy pequeñas
    Por la velocidad de inter de este momento no me carga completa la imagen que dejaste..

    Lo que puede afectar el desplazamiento podria ser ene sta parte:
    Código:

      left: -10px; top: -10px;
     

    es la posicion izquierda con respecto al lado del foro. podrias probar reduciendo o amentando los valores..

    Código:
    padding: 210px 10px 20px;
    es el relleno

    nose que evrsion de foro tenes , tampoco el skin q tenes colocado..como para dar modificaciones mas precisas.
    Cariñito
    Cariñito
    Super Moderador
    Super Moderador


    Al pasar el mouse por el avatar aparece la informacion Nicara10
    Femenino Lugar : Leon

    Al pasar el mouse por el avatar aparece la informacion Empty Re: Al pasar el mouse por el avatar aparece la informacion

    Mensaje por Cariñito Dom Dic 05, 2010 10:21 pm

    haaaaaa!!!!! creo que entendi boy a proba y si no resulta ni modo eliminare el templete gracias
    francoarrua
    francoarrua


    Al pasar el mouse por el avatar aparece la informacion Th_arg10
    Masculino Lugar : buenos aires

    Al pasar el mouse por el avatar aparece la informacion Empty Re: Al pasar el mouse por el avatar aparece la informacion

    Mensaje por francoarrua Jue Abr 21, 2011 4:19 pm

    Para que vercion es el codigo del avatar??
    MISSARG
    MISSARG


    Al pasar el mouse por el avatar aparece la informacion Th_arg10
    Femenino

    Al pasar el mouse por el avatar aparece la informacion Empty Re: Al pasar el mouse por el avatar aparece la informacion

    Mensaje por MISSARG Lun Abr 25, 2011 1:05 am

    francoarrua escribió:Para que vercion es el codigo del avatar??
    phpbb2
    Todos los codigos de esta seccion son para phpbb2..si necesitas para las otras versiones, revisa secciones phpbb3, punbb e invision..saludos
    Joeru
    Joeru


    Al pasar el mouse por el avatar aparece la informacion Th_ecu10
    Masculino Lugar : Pamplona

    Al pasar el mouse por el avatar aparece la informacion Empty Re: Al pasar el mouse por el avatar aparece la informacion

    Mensaje por Joeru Mar Jun 28, 2011 7:26 pm

    Muchas Gracias T.T
    Es lo que andaba buscando desde hace semanas T.T
    Pero...¿Como hago para agrandar la "tabla"?
    Es decir,mi avatar es de 150x300....y la "tabla" donde sale la informacion del perfil se queda muy pequeña para mi avatar...
    ¿Como hago para hacerla mas grande?
    Y no quiero que quede asi porque si no tapa mi perfil T.T
    Spoiler:

    Contenido patrocinado


    Al pasar el mouse por el avatar aparece la informacion Empty Re: Al pasar el mouse por el avatar aparece la informacion

    Mensaje por Contenido patrocinado


      Fecha y hora actual: Jue Mar 28, 2024 10:16 am