Bienvenido de vuelta!
This section allows you to view all posts made by this member. Note that you can only see posts made in areas you currently have access to.
#602
Tips and Tutorials / Re:Barra de estadísticas y compartir debajo del primer mensaje (Estilo SMF Hispano)
August 07, 2013, 12:55:25 AMQuote from: Marlon on August 07, 2013, 12:52:47 AM
la descarga me sale mala diego
A mi me funciona muy bien, prueba limpiar cache
#603
Tips and Tutorials / Barra de estadísticas y compartir debajo del primer mensaje (Estilo SMF Hispano)
August 06, 2013, 02:51:46 PM
Display.template.php
Buscamos:
Reemplazamos con:
Index.css
Agregamos al final del archivo
Subimos las imágenes del archivo .zip a siguiente ruta: Themes/nuestrotheme/images/theme/
Resultado:

Saludos.
Buscamos:
Code Select
</div>
<hr class="post_separator" />';
Reemplazamos con:
Code Select
</div>
<hr class="post_separator" />';
if ($message['id'] == $context['topic_first_message']) {
echo '
<hr class="divisorp" />';
if ($message['id'] == $context['topic_first_message'])
echo '<span id="lgf_twitt_share2">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal"></a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></span>';
if ($message['id'] == $context['topic_first_message'])
echo '<span id="lgf_facebook_share2"><a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php"></a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></span>';
if ($message['id'] == $context['topic_first_message'])
echo '<span id="lgf_google_share2"><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="medium"></g:plusone></span>';
echo '
<div class="post_styling">
<ul>
<li><span class="view">', $txt['read'], ' ', $context['num_views'], ' ', $txt['times'], '</span></li>
<li><span class="cat">', $context['jump_to']['board_name'], '</span></li>
<li><span class="comments">',$context['num_replies'],' ', $txt['replies'], '</span></li>
</ul>
</div>
<br /><br />
<hr class="divisorp" />';
}
Index.css
Agregamos al final del archivo
Code Select
div.post_styling > ul {
margin: 0;
padding: 0;
}
div.post_styling > ul > li {
background: #f5f5f5 url(../images/theme/bgp.png) repeat-x left bottom;
float: left;
list-style: none;
color: #334466;
font-weight: bold;
border: 1px solid #AFB8BE;
text-shadow: 1px 1px #fff;
margin-right: 20px;
border-radius: 4px;
}
div.post_styling ul li span {
display: block;
height: 16px;
margin: 5px;
}
div.post_styling ul li span.view {
background: url(../images/theme/view.png) no-repeat left center;
padding-left: 20px;
}
div.post_styling ul li span.cat {
background: url(../images/theme/cat.png) no-repeat left center;
padding-left: 20px;
}
div.post_styling ul li span.comments {
background: url(../images/theme/comments.png) no-repeat left center;
padding-left: 20px;
}
div.post_styling {
margin-top: 4px;
}
#lgf_facebook_share {
float: left;
margin-right: 38px;
margin-top: 1px;
margin-bottom: 5px;
}
#lgf_twitt_share, #lgf_google_share {
float: left;
margin-bottom: 5px;
}
#lgf_facebook_share2 {
float: right;
margin-right: 38px;
margin-top: 1px;
margin-bottom: 5px;
}
#lgf_twitt_share2, #lgf_google_share2 {
float: right;
margin-bottom: 5px;
}
.any_com
{
padding: 10px 5px;
text-align: center;
text-shadow: 1px 0 1px #fff;
color: #323232;
background: #e6e3cf;
border: 1px solid #d2c172;
border-radius: 5px;
}
.divisorp
{
border-top: 1px solid #ccc;
border-bottom: 1px solid #fff;
color: #2f2f2f;
width: 100%;
margin: 10px 0 1px;
}
Subimos las imágenes del archivo .zip a siguiente ruta: Themes/nuestrotheme/images/theme/
Resultado:

Saludos.
#604
Tips and Tutorials / Poster al estilo SkinMod V3
August 06, 2013, 02:49:46 PM
Pues ya llevaba tiempo que pidieron algo así, obviamente no lo podemos hacer exactamente igual, pero les dejo aquí un tutorial de cómo tenerlo parecido.
Index.template.php
Buscamos:
Agregamos después:
Display.template.php
Buscamos:
Reemplazamos con:
Buscamos:
Reemplazamos con:
Buscamos y eliminamos:
Buscamos:
Reemplazamos con:
Index.css
Agregamos al final del archivo
Agregamos las imágenes adjuntas a Themes/nuestrotheme/images/theme/
Subimos el archivo llamado dropdown.js a la carpeta Themes/nuestrotheme/scripts/
Saludos
Index.template.php
Buscamos:
Code Select
// Here comes the JavaScript bits!
echo '
Agregamos después:
Code Select
<script type="text/javascript" src="', $settings['theme_url'], '/scripts/dropdown.js"></script>
Display.template.php
Buscamos:
Code Select
// Show information about the poster of this message.
echo '
<div class="poster">
<h4>';
// Show online and offline buttons?
if (!empty($modSettings['onlineEnable']) && !$message['member']['is_guest'])
echo '
', $context['can_send_pm'] ? '<a href="' . $message['member']['online']['href'] . '" title="' . $message['member']['online']['label'] . '">' : '', '<img src="', $message['member']['online']['image_href'], '" alt="', $message['member']['online']['text'], '" />', $context['can_send_pm'] ? '</a>' : '';
// Show a link to the member's profile.
echo '
', $message['member']['link'], '
Reemplazamos con:
Code Select
// Show information about the poster of this message.
echo '
<div class="user_display_sm">';
// Show online and offline buttons?
if (!$message['member']['is_guest'])
{
echo '
<div class="online_bottom">';
echo '
', $context['can_send_pm'] ? '<a href="' . $message['member']['online']['href'] . '" title="' . $message['member']['online']['label'] . '">' : '', '<img src="', $message['member']['online']['image_href'], '" alt="', $message['member']['online']['text'], '" />', $context['can_send_pm'] ? '</a>' : '';
echo '
</div>';
}
// Show avatars, images, etc.?
if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image']) && !$message['member']['is_guest'])
echo '
<div class="avatar">
<a href="', $scripturl, '?action=profile;u=', $message['member']['id'], '">
', $message['member']['avatar']['image'], '
</a>
</div>';
echo '
<div class="member_link_sm">';
// Show a link to the member's profile.
echo '
', $message['member']['link'], '
Buscamos:
Code Select
</h4>
<ul class="reset smalltext" id="msg_', $message['id'], '_extra_info">';
Reemplazamos con:
Code Select
<div class="pop_toggle" onclick="return overlay(this, \'quicklinks_', $message['id'], '\',\'bottomright\')"></div></div>';
echo '
<div class="pop_menu" id="quicklinks_', $message['id'], '" style="display: none;">
<ul class="reset smalltext" id="msg_', $message['id'], '_extra_info">';
Buscamos y eliminamos:
Code Select
echo '
<li class="stars">', $message['member']['group_stars'], '</li>';
// Show avatars, images, etc.?
if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image']))
echo '
<li class="avatar">
<a href="', $scripturl, '?action=profile;u=', $message['member']['id'], '">
', $message['member']['avatar']['image'], '
</a>
</li>';
Buscamos:
Code Select
// Done with the information about the poster... on to the post itself.
echo '
</ul>
</div>
Reemplazamos con:
Code Select
// Done with the information about the poster... on to the post itself.
echo '
</ul>
</div>';
// Show the Stars
if (!$message['member']['is_guest'])
echo '
<div class="sm_stars">', $message['member']['group_stars'], '</div>';
echo '
</div>
Index.css
Agregamos al final del archivo
Code Select
.user_display_sm {
float: left;
text-align: center;
font-weight: bold;
padding: 0;
width: 170px;
margin-left: 15px;
}
.pop_toggle {
background-image: url(../images/theme/arrow-down.png);
background-repeat: no-repeat;
background-position: center center;
width: 20px;
height: 17px;
overflow: hidden;
cursor: pointer;
float: right;
}
.pop_menu {
background-color: #F2F2F2;
box-shadow: 1px 1px 5px #888;
color: #828282;
position: absolute;
padding: 5px 0 5px 26px;
width: 25em;
left: 280px;
}
.pop_menu ul li
{
float: left;
}
.pop_menu div.avatar {
float: left;
min-height: 140px;
margin: 3px 15px 0 0;
}
.pop_menu .active .pop_toggle {
position: relative;
}
.pop_menu ul li {
text-align: left;
float: left;
width: 100%;
display: inline;
}
.pop_menu ul li ul
{
margin-left: -35px;
}
.user_display_sm .pop_menu ul li.profile ul li, .user_display_sm .pop_menu ul li.im_icons ul li {
float: left;
width: 25px;
}
.user_display_sm div.avatar {
background: #fff;
border: 5px solid #dcdcdc;
box-shadow: -1px 0 0 #E6E6E8, 1px 0 0 #E6E6E8, 0 1px 0 #B4B4BB, 0 2px 0 #E6E6E8;
}
.sm_stars {
text-align: center;
}
.member_ava_img {
padding-top: 30px;
text-align: center;
}
.member_link_sm {
line-height: 20px;
padding: 5px 5px 5px 30px;
}
.member_link_sm div.member_skm {
display: inline;
padding-top: 2px;
}
.member_link_sm .pop_toggle {
border: 1px solid #f2f2f2;
}
.member_link_sm .pop_toggle:hover {
background-color: #fff;
border-radius: 3px;
border: 1px solid #dcdcdc;
}
.online_bottom img {
background: none;
border: none;
box-shadow: none;
padding: 0 10px;
}
.online_bottom {
background: url(../images/theme/online_bottom.png) no-repeat left center;
margin: 0 15px 10px;
}
Agregamos las imágenes adjuntas a Themes/nuestrotheme/images/theme/
Subimos el archivo llamado dropdown.js a la carpeta Themes/nuestrotheme/scripts/
Saludos
#605
Tips and Tutorials / Cambiando el estilo de nuestro Link Tree (Breadcrumbs) - Estilo SMF Hispano
August 06, 2013, 02:42:14 PM
Preguntaban por esto en algún tema de soporte...
Bueno pues es algo muy sencillo en realidad, así que empecemos...
Nota: Cambios solo para el link tree por defecto.
Index.template.php
Buscamos:
Reemplazamos por:
Buscamos:
Reemplazamos por:
Index.css
Buscamos:
Reemplazamos por:
Y por último, subimos las imágenes adjuntas a
Themes/nuestrotheme/images/
Resultado:

Saludos!
Bueno pues es algo muy sencillo en realidad, así que empecemos...
Nota: Cambios solo para el link tree por defecto.
Index.template.php
Buscamos:
Code Select
echo '
<div class="navigate_section">
<ul>';
// Each tree item has a URL and name. Some may have extra_before and extra_after.
Reemplazamos por:
Code Select
echo '
<div class="Hispano_breadcrumb">
<ul>
<li class="iconhome"><a href="'. $scripturl .'"> </a></li>';
// Each tree item has a URL and name. Some may have extra_before and extra_after.
Buscamos:
Code Select
// Show something after the link...?
if (isset($tree['extra_after']))
echo $tree['extra_after'];
// Don't show a separator for the last one.
if ($link_num != count($context['linktree']) - 1)
echo ' »';
echo '
</li>';
Reemplazamos por:
Code Select
// Show something after the link...?
if (isset($tree['extra_after']))
echo $tree['extra_after'];
echo '
</li>';
Index.css
Buscamos:
Code Select
/* The navigation list (i.e. linktree) */
.navigate_section
{
padding: 0.5em;
margin: 0 0 0 0;
}
.navigate_section ul
{
display: block;
margin: 0;
font-size: 0.9em;
padding: 1em 0 0.5em 0;
border-top: 1px solid #ccc;
overflow: hidden;
list-style: none;
clear: both;
width: 100%;
}
.navigate_section ul li
{
float: left;
padding: 0 0.5em 0 0;
font-size: 0.95em;
}
.navigate_section ul li a
{
white-space: pre;
}
Reemplazamos por:
Code Select
/* The navigation list (i.e. linktree) */
.navigate_section
{
padding: 0.5em;
margin: 0 0 0 0;
}
.navigate_section ul
{
display: block;
margin: 0;
font-size: 0.9em;
padding: 1em 0 0.5em 0;
border-top: 1px solid #ccc;
overflow: hidden;
list-style: none;
clear: both;
width: 100%;
}
.navigate_section ul li
{
float: left;
padding: 0 0.5em 0 0;
font-size: 0.95em;
}
.navigate_section ul li a
{
white-space: pre;
}
/* Linktree SMF Hispano Style */
.Hispano_breadcrumb
{
height: 21px;
overflow: hidden;
width: auto;
padding:5px;
background: #fff;
border: solid 1px #dedede;
clear: both;
margin: 10px 0;
}
.Hispano_breadcrumb ul
{
margin: 0;
padding: 0;
height: 21px;
}
.Hispano_breadcrumb ul li
{
display: block;
float: left;
height: 21px;
overflow: hidden;
line-height: 21px;
margin: 0px 6px 0px 0;
padding: 0px 10px 0px 0;
font-size: .9167em;
background: url(../images/Chevron.gif) no-repeat 100% 100%;
}
.Hispano_breadcrumb ul li a
{
color: #444;
text-decoration: none;
font-size: inherit;
font-weight: inherit;
height: 21px;
line-height: 21px;
overflow: hidden;
}
.Hispano_breadcrumb ul li a:hover
{
text-decoration: underline;
}
.Hispano_breadcrumb ul li.last
{
background: none;
margin-right: 0;
padding-right: 0;
}
.Hispano_breadcrumb ul li.last a
{
color: #444;
text-decoration: none;
font-size: inherit;
font-weight: inherit;
}
.Hispano_breadcrumb ul li.last a:hover
{
text-decoration: none;
}
.Hispano_breadcrumb ul li.iconhome a
{
height: 16px !important;
text-indent:-1000em;
width:16px;
padding: 0;
margin-top: 2px;
overflow: hidden;
background:url(../images/IconHome.gif) no-repeat 0 0;
}
.Hispano_breadcrumb ul li.iconhome a:hover
{
background-position: 0 -16px;
text-decoration: none;
}
Y por último, subimos las imágenes adjuntas a
Themes/nuestrotheme/images/
Resultado:

Saludos!
#606
Tips and Tutorials / Cambiando el estilo del Poster (Estilo kekomundo) - SMF Tricks
August 06, 2013, 02:39:16 PM
Hola, como han notado se ha vuelto muy "popular" el poster o display de kekomundo, el cuál yo decidí implementar de mis themes y el cuál se hizo de 0.
Bueno en esta ocasión les dejaré una guía, para que puedan dejarlo exactamente igual, tomando como base el default.
La guía es paso por paso, nada de tomar un pedazo de código de 300 lineas y reemplazarlo, tal como hacían algunos usuarios poco competentes en anteriores épocas.
También se dejará como editar el poster para dejar igual otras modificaciones como la barra de actividad, topic count, country flags, shop, y más.
Bueno pues empecemos ...
Display.template.php
Buscamos:
Agregamos antes:
Buscamos:
Reemplazamos por:
Buscamos:
Reemplazamos por:
Buscamos:
Reemplazamos por:
Buscamos:
Reemplazamos por:
Buscamos:
Reemplazamos por:
Buscamos:
Reemplazamos por:
Buscamos:
Reemplazamos por:
Buscamos:
Reemplazamos por:
Buscamos:
Reemplazamos por:
Index.css
Buscamos:
Reemplazamos por:
Buscamos:
Reemplazamos por:
Buscamos:
Reemplazamos con:
Buscamos:
Reemplazamos por:
Ahora simplemente descargamos el zip adjunto.
Dentro veremos dos carpetas...
Sin modificar o mover nada, arrastramos todo a ---> Themes/tutheme/images/
Y eso sería todo
Debajo podrán encontrar como hacer algunos cambios.
El resultado final sería este:
Bueno en esta ocasión les dejaré una guía, para que puedan dejarlo exactamente igual, tomando como base el default.
La guía es paso por paso, nada de tomar un pedazo de código de 300 lineas y reemplazarlo, tal como hacían algunos usuarios poco competentes en anteriores épocas.
También se dejará como editar el poster para dejar igual otras modificaciones como la barra de actividad, topic count, country flags, shop, y más.
Bueno pues empecemos ...
Display.template.php
Buscamos:
Code Select
// Let them know, if their report was a success!
Agregamos antes:
Code Select
loadlanguage('Profile');
Buscamos:
Code Select
<div class="poster">
<h4>';
// Show online and offline buttons?
if (!empty($modSettings['onlineEnable']) && !$message['member']['is_guest'])
echo '
', $context['can_send_pm'] ? '<a href="' . $message['member']['online']['href'] . '" title="' . $message['member']['online']['label'] . '">' : '', '<img src="', $message['member']['online']['image_href'], '" alt="', $message['member']['online']['text'], '" />', $context['can_send_pm'] ? '</a>' : '';
// Show a link to the member's profile.
echo '
', $message['member']['link'], '
</h4>
Reemplazamos por:
Code Select
<div class="poster">
<h4>
', $message['member']['link'], '
</h4>
Buscamos:
Code Select
// Show the member's custom title, if they have one.
if (!empty($message['member']['title']))
echo '
<li class="title">', $message['member']['title'], '</li>';
// Show the member's primary group (like 'Administrator') if they have one.
if (!empty($message['member']['group']))
echo '
<li class="membergroup">', $message['member']['group'], '</li>';
Reemplazamos por:
Code Select
// Show the member's primary group (like 'Administrator') if they have one.
if (!empty($message['member']['group']))
echo '
<li class="membergroup">', $message['member']['group'], '<hr class="kmdivisor" /></li>';
Buscamos:
Code Select
// Don't show these things for guests.
if (!$message['member']['is_guest'])
{
// Show the post group if and only if they have no other group or the option is on, and they are in a post group.
if ((empty($settings['hide_post_group']) || $message['member']['group'] == '') && $message['member']['post_group'] != '')
echo '
<li class="postgroup">', $message['member']['post_group'], '</li>';
echo '
<li class="stars">', $message['member']['group_stars'], '</li>';
Reemplazamos por:
Code Select
// Show the post group if and only if they have no other group or the option is on, and they are in a post group.
if ((empty($settings['hide_post_group']) || $message['member']['group'] == '') && $message['member']['post_group'] != '')
echo '
<li class="membergroup">', $message['member']['post_group'], '<hr class="kmdivisor" /></li>';
// Don't show these things for guests.
if (!$message['member']['is_guest'])
{
Buscamos:
Code Select
// Show avatars, images, etc.?
if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image']))
echo '
<li class="avatar">
<a href="', $scripturl, '?action=profile;u=', $message['member']['id'], '">
', $message['member']['avatar']['image'], '
</a>
</li>';
Reemplazamos por:
Code Select
// Show avatars, images, etc.?
if (!empty($settings['show_user_images']) && empty($options['show_no_avatars']) && !empty($message['member']['avatar']['image']))
echo '
<li class="avatar">
<a href="', $scripturl, '?action=profile;u=', $message['member']['id'], '">
', $message['member']['avatar']['image'], '
</a>
<hr class="kmdivisor" /></li>';
else {
echo '
<li class="avatar">
<a href="', $scripturl, '?action=profile;u=', $message['member']['id'], '">
<img src="', $settings['images_url'], '/theme/noavatar.png" alt="" />
</a>
<hr class="kmdivisor" /></li>';
}
// Send PM Easy way
if ($context['can_send_pm'])
echo '
<li class="send_pm" style="float: left;"><a href="', $scripturl, '?action=pm;sa=send;u=', $message['member']['id'], '"><span class="send_mp_new">', $txt['profile_sendpm_short'], '</span></a></li>';
// Show online and offline buttons?
if ($message['member']['online']['is_online']) {
echo '
<li class="status"><span class="online" style="text-transform: uppercase; font-size: 8px; text-shadow: 0 1px 0 #fff; color: #6DA26B;"> ' . $message['member']['online']['text'] . '</span></li>';
}
else {
echo '
<li class="status"><span class="offline" style="text-transform: uppercase; font-size: 8px; text-shadow: 0 1px 0 #fff; color: #AEAEAF;"> ' . $message['member']['online']['text'] . '</span></li>';
}
Buscamos:
Code Select
// Show how many posts they have made.
if (!isset($context['disabled_fields']['posts']))
echo '
<li class="postcount">', $txt['member_postcount'], ': ', $message['member']['posts'], '</li>';
Reemplazamos por:
Code Select
//Show the stars!
echo '
<li class="stars">', $message['member']['group_stars'], '</li>';
// Show the member's custom title, if they have one.
if (!empty($message['member']['title']))
echo '
<li class="title">', $message['member']['title'], '</li>';
echo '
<li class="postcount"><hr class="kmdivisor" />
<div class="cr_post">';
// Show how many posts they have made.
if (!isset($context['disabled_fields']['posts']))
echo '
<img style="margin: 3px 0 0 1px" src="', $settings['images_url'], '/id/postscount.png" alt="" /><span style="text-align:right; margin: 12px 6px 0 0; float: right;">', $message['member']['posts'], '</span><br />';
echo '
</div>
</li>';
Buscamos:
Code Select
// Is karma display enabled? Total or +/-?
if ($modSettings['karmaMode'] == '1')
echo '
<li class="karma">', $modSettings['karmaLabel'], ' ', $message['member']['karma']['good'] - $message['member']['karma']['bad'], '</li>';
elseif ($modSettings['karmaMode'] == '2')
echo '
<li class="karma">', $modSettings['karmaLabel'], ' +', $message['member']['karma']['good'], '/-', $message['member']['karma']['bad'], '</li>';
// Is this user allowed to modify this member's karma?
if ($message['member']['karma']['allow'])
echo '
<li class="karma_allow">
<a href="', $scripturl, '?action=modifykarma;sa=applaud;uid=', $message['member']['id'], ';topic=', $context['current_topic'], '.' . $context['start'], ';m=', $message['id'], ';', $context['session_var'], '=', $context['session_id'], '">', $modSettings['karmaApplaudLabel'], '</a>
<a href="', $scripturl, '?action=modifykarma;sa=smite;uid=', $message['member']['id'], ';topic=', $context['current_topic'], '.', $context['start'], ';m=', $message['id'], ';', $context['session_var'], '=', $context['session_id'], '">', $modSettings['karmaSmiteLabel'], '</a>
</li>';
Reemplazamos por:
Code Select
// Is this user allowed to modify this member's karma?
if ($modSettings['karmaMode'] == '1' || ($modSettings['karmaMode'] == '2')) {
echo '
<li class="karma_allow"><span class="kmtitle">', $modSettings['karmaLabel'], '</span><img class="kmimages" src="', $settings['images_url'], '/id/star.png" alt="" /><hr class="kmdivisor2" />';
// Is karma display enabled? Total or +/-?
if ($modSettings['karmaMode'] == '1')
echo '
<span class="karma_n">', $message['member']['karma']['good'] - $message['member']['karma']['bad'], '</span>';
elseif ($modSettings['karmaMode'] == '2')
echo '
<span class="karma_n">+', $message['member']['karma']['good'], '/-', $message['member']['karma']['bad'], '</span>';
if ($message['member']['karma']['allow'])
echo '
<a href="', $scripturl, '?action=modifykarma;sa=applaud;uid=', $message['member']['id'], ';topic=', $context['current_topic'], '.' . $context['start'], ';m=', $message['id'], ';', $context['session_var'], '=', $context['session_id'], '"><img src="', $settings['images_url'], '/id/up.png" alt="', $modSettings['karmaApplaudLabel'], '" /></a>
<a href="', $scripturl, '?action=modifykarma;sa=smite;uid=', $message['member']['id'], ';topic=', $context['current_topic'], '.', $context['start'], ';m=', $message['id'], ';', $context['session_var'], '=', $context['session_id'], '"><img src="', $settings['images_url'], '/id/down.png" alt="', $modSettings['karmaSmiteLabel'], '" /></a>';
echo '
</li>';
}
Buscamos:
Code Select
// Show the member's gender icon?
if (!empty($settings['show_gender']) && $message['member']['gender']['image'] != '' && !isset($context['disabled_fields']['gender']))
echo '
<li class="gender">', $txt['gender'], ': ', $message['member']['gender']['image'], '</li>';
Reemplazamos por:
Code Select
// Show the member's gender icon?
if (!empty($settings['show_gender']) && $message['member']['gender']['image'] != '' && !isset($context['disabled_fields']['gender']))
echo '
<li class="gender"><span class="kmtitle">', $txt['gender'], '</span><div class="kmimages">', $message['member']['gender']['image'], '</div><hr class="kmdivisor2" />
', $message['member']['gender']['name'], '
</li>';
Buscamos:
Code Select
// Show their personal text?
if (!empty($settings['show_blurb']) && $message['member']['blurb'] != '')
echo '
<li class="blurb">', $message['member']['blurb'], '</li>';
Reemplazamos por:
Code Select
// Show their personal text?
if (!empty($settings['show_blurb']) && $message['member']['blurb'] != '')
echo '
<li class="blurb"><span class="kmtitle">', $txt['personal_text'], '</span><img class="kmimages" src="', $settings['images_url'], '/id/personal_text.png" alt="" /><hr class="kmdivisor2" />', $message['member']['blurb'], '</li>';
Buscamos:
Code Select
// Are we showing the warning status?
if ($message['member']['can_see_warning'])
echo '
<li class="warning">', $context['can_issue_warning'] ? '<a href="' . $scripturl . '?action=profile;area=issuewarning;u=' . $message['member']['id'] . '">' : '', '<img src="', $settings['images_url'], '/warning_', $message['member']['warning_status'], '.gif" alt="', $txt['user_warn_' . $message['member']['warning_status']], '" />', $context['can_issue_warning'] ? '</a>' : '', '<span class="warn_', $message['member']['warning_status'], '">', $txt['warn_' . $message['member']['warning_status']], '</span></li>';
Reemplazamos por:
Code Select
// Are we showing the warning status?
if ($message['member']['can_see_warning'])
echo '
<li class="warning"><span class="kmtitle">', $txt['mc_warnings'], '</span>', $context['can_issue_warning'] ? '<a href="' . $scripturl . '?action=profile;area=issuewarning;u=' . $message['member']['id'] . '">' : '', '<img class="kmimages" src="', $settings['images_url'], '/warning_', $message['member']['warning_status'], '.gif" alt="', $txt['user_warn_' . $message['member']['warning_status']], '" />', $context['can_issue_warning'] ? '</a>' : '', '<hr class="kmdivisor2" />
<span class="warn_', $message['member']['warning_status'], '">', $txt['warn_' . $message['member']['warning_status']], '</span></li>';
Index.css
Buscamos:
Code Select
.poster h4
{
margin: 0.2em 0 0.4em 1.1em;
font-size: 120%;
}
Reemplazamos por:
Code Select
.poster ul
{
text-shadow: 0 1px 0 #fff;
}
.poster h4
{
margin: 0.2em 0 0 1.1em;
font-size: 120%;
}
Buscamos:
Code Select
.poster ul ul
{
margin: 0.3em 1em 0 0;
padding: 0;
}
.poster ul ul li
{
display: inline;
}
Reemplazamos por:
Code Select
.poster ul ul
{
background: url("../images/noise.png") repeat scroll 0 0 #CBD1D3;
border: 1px solid #edf5f8;
border-radius: 5px 5px 5px 5px;
margin: 0.3em 0 0.3em 0;
padding: 4px 0 0;
text-align: center;
}
.poster ul ul li
{
display: inline;
}
.poster li.title
{
text-align: center;
margin: 5px 0 -7px 0;
}
Buscamos:
Code Select
.poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul
{
margin-top: 0.5em;
}
.poster li.avatar
{
overflow: hidden;
}
.poster li.warning
{
line-height: 1.2em;
padding-top: 1em;
}
Reemplazamos con:
Code Select
.poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul
{
margin-top: 0.5em;
}
.poster li.stars
{
text-align: center;
background: rgb(224,224,224); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(239,239,239,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,224,224,1)), color-stop(100%,rgba(239,239,239,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(239,239,239,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(239,239,239,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(239,239,239,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(224,224,224,1) 0%,rgba(239,239,239,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#efefef',GradientType=0 ); /* IE6-8 */
border-radius: 6px;
border: 1px solid #D0D7DB;
padding: 7px 0;
}
.poster li.blurb
{
text-align: center;
}
.poster li.karma_allow
{
text-align: center;
}
.poster li.avatar
{
text-align: center;
}
.poster li.gender
{
text-align: center;
}
.poster li.status
{
font-weight: bold;
text-align: right;
}
.cr_post
{
background: #cdd7da;
border-bottom: 3px dashed #acb7b9;
border-top: 3px dashed #acb7b9;
margin-top: 5px;
}
.poster li.membergroup
{
color: #686868;
}
.poster li.avatar
{
overflow: hidden;
}
.poster li.send_pm
{
margin: 0 0 0 0;
}
.send_mp_new {
transition: background 0.5s ease 0s;
background-color: #D3D6D9;
border-radius: 2px 2px 2px 2px;
color: #eee;
float: left;
font-size: 8px;
font-weight: bold;
margin-top: 2px;
padding: 0 5px;
text-shadow: 0 1px 0 #9A9797;
text-transform: uppercase;
}
.send_mp_new:hover {
background: none repeat scroll 0 0 gray;
}
.poster li.postcount
{
color: #575757;
font-size: 14pt;
font-weight: bold;
margin-top: 13px;
text-shadow: 0 1px 0 white;
}
.poster li.warning
{
text-align: center;
}
Buscamos:
Code Select
.messageicon img
{
padding: 6px 3px;
}
.keyinfo
{
float: left;
width: 50%;
}
Reemplazamos por:
Code Select
.messageicon img
{
padding: 6px 3px;
}
.kmdivisor
{
border-bottom: 1px solid #FBFCFD;
border-top: 1px solid #C4C9CD;
color: #C4C9CD;
margin: 0;
}
.kmdivisor2
{
border-bottom: 1px solid #FBFCFD;
border-top: 1px solid #C4C9CD;
color: #C4C9CD;
margin-top: 16px;
margin-bottom: 11px;
margin-left: 20px;
}
.karma_n
{
font-size: 27px;
text-shadow: 0 1px 0 #fff;
}
.kmimages, .kmimages a
{
float: left;
margin-bottom: -9px;
margin-top: -10px;
}
.kmtitle
{
float: right;
margin-top: -8px;
margin-left: 5px;
}
.messageicon
{
float: left;
margin: 0 0.5em 0 0;
}
.messageicon img
{
padding: 6px 3px;
}
.keyinfo
{
float: left;
width: 50%;
}
Ahora simplemente descargamos el zip adjunto.
Dentro veremos dos carpetas...
Sin modificar o mover nada, arrastramos todo a ---> Themes/tutheme/images/
Y eso sería todo

Debajo podrán encontrar como hacer algunos cambios.
El resultado final sería este:

#607
Tips and Tutorials / Imágenes por categoría 2 métodos diferentes
August 06, 2013, 02:37:15 PM
El principal paso para que funcionen nuestro 2 métodos, es ir a /Themes/ThemeQueUsas/images/ ---> Creamos una nueva carpeta llamada "cat", de tal forma que la nueva ruta sería:
----> /Themes/ThemeQueUsas/images/cat/ -----> Dentro de la carpeta "cat" nosotros añadiremos nuestras imágenes según la categoría, por ejemplo si a la categoría 1 le pondré imágen entonces subiré mi imagen llamada "1.png" Una ves que tengas tus imágenes, procederás a realizar cualquier método de los siguientes.
1° Método - HTML
Sin duda algo muy básico, aunque el segundo también lo será.
En este paso haremos lo siguiente, buscamos en /Themes/default/BoardIndex.template.php:
Reemplazamos eso, por esto:
Reemplazaremos de ahí, obviamente la parte que dice "Nombre de la categoría", dejando las comillas, claro está.
Como ven es un método muy sencillo.
2° Método - CSS
Este método es un poco más manual, pero con la diferencia de poder dar de 1, toda la personalización que quieras mediante css.
Lo primero, tal como arriba. Buscamos en /Themes/default/BoardIndex.template.php:
Reemplazamos por:
Ahora vamos a /Themes/ThemeQueUsas/css/index.css <---- abrimos el archivo, y al final añadimos esto:
En Width y height, modificaríamos los valores de px por los de nuestras imágenes.
Ahora, como pueden ver, en este método, ustedes tendrán que agregar manualmente sus clases al css.
Por ejemplo si tienen una segunda categoría, añadiríamos esto luego del anterior código:
Y como dije arriba, solo es modificar los valores y demás.
La desventaje del css esque es manual, pero qué ventajas tiene?
Puedes agregar toda la personalización que quieras.
Incluso con css, en lugar de poner imágenes, podemos usar textos.
Para esto, abrimos nuestro boardindex.template.php de nuevo, buscamos:
Reemplazamos por:
Y el código de la categoría 1 en el css, lo cambiaríamos por algo como esto:
Eso sería toda la explicación más o menos, gracias por su atención.
Saludos.
----> /Themes/ThemeQueUsas/images/cat/ -----> Dentro de la carpeta "cat" nosotros añadiremos nuestras imágenes según la categoría, por ejemplo si a la categoría 1 le pondré imágen entonces subiré mi imagen llamada "1.png" Una ves que tengas tus imágenes, procederás a realizar cualquier método de los siguientes.
1° Método - HTML
Sin duda algo muy básico, aunque el segundo también lo será.
En este paso haremos lo siguiente, buscamos en /Themes/default/BoardIndex.template.php:
Code Select
<div class="cat_bar">
<h3 class="catbg">';
// If this category even can collapse, show a link to collapse it.
if ($category['can_collapse'])
echo '
<a class="collapse" href="', $category['collapse_href'], '">', $category['collapse_image'], '</a>';
if (!$context['user']['is_guest'] && !empty($category['show_unread']))
echo '
<a class="unreadlink" href="', $scripturl, '?action=unread;c=', $category['id'], '">', $txt['view_unread_category'], '</a>';
echo '
', $category['link'], '
</h3>
</div>
Reemplazamos eso, por esto:
Code Select
<img src="', $settings['images_url'], '/cat/', $category['id'], '.png" alt="Nombre de la categoría" />
Reemplazaremos de ahí, obviamente la parte que dice "Nombre de la categoría", dejando las comillas, claro está.
Como ven es un método muy sencillo.
2° Método - CSS
Este método es un poco más manual, pero con la diferencia de poder dar de 1, toda la personalización que quieras mediante css.
Lo primero, tal como arriba. Buscamos en /Themes/default/BoardIndex.template.php:
Code Select
<div class="cat_bar">
<h3 class="catbg">';
// If this category even can collapse, show a link to collapse it.
if ($category['can_collapse'])
echo '
<a class="collapse" href="', $category['collapse_href'], '">', $category['collapse_image'], '</a>';
if (!$context['user']['is_guest'] && !empty($category['show_unread']))
echo '
<a class="unreadlink" href="', $scripturl, '?action=unread;c=', $category['id'], '">', $txt['view_unread_category'], '</a>';
echo '
', $category['link'], '
</h3>
</div>
Reemplazamos por:
Code Select
<div id="category', $category['id'], '"></div>
Ahora vamos a /Themes/ThemeQueUsas/css/index.css <---- abrimos el archivo, y al final añadimos esto:
Code Select
#category1 {
background: url(../images/cat/1.png) no-repeat;
width: 350px;
height: 80px;
}
En Width y height, modificaríamos los valores de px por los de nuestras imágenes.
Ahora, como pueden ver, en este método, ustedes tendrán que agregar manualmente sus clases al css.
Por ejemplo si tienen una segunda categoría, añadiríamos esto luego del anterior código:
Code Select
#category2 {
background: url(../images/cat/2.png) no-repeat;
width: 350px;
height: 80px;
}
Y como dije arriba, solo es modificar los valores y demás.
La desventaje del css esque es manual, pero qué ventajas tiene?
Puedes agregar toda la personalización que quieras.
Incluso con css, en lugar de poner imágenes, podemos usar textos.
Para esto, abrimos nuestro boardindex.template.php de nuevo, buscamos:
Code Select
<div id="category', $category['id'], '"></div>
Reemplazamos por:
Code Select
<div id="category', $category['id'], '">', $category['link']</div>
Y el código de la categoría 1 en el css, lo cambiaríamos por algo como esto:
Code Select
#category1 {
font-size: 20px;
padding: 7px;
-moz-box-shadow:0px 0px 6px #000000;
-webkit-box-shadow:0px 0px 6px #000000;
box-shadow:0px 0px 6px #000000;
background-image: -moz-linear-gradient(top, #204691, #000000);
background-image: -webkit-gradient(linear, center top, center bottom, from(#204691), to(#000000));
background-image: -o-linear-gradient(top, #204691, #000000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#204691', endColorstr='#000000');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#204691', endColorstr='#000000')";
background-image: linear-gradient(top, #204691, #000000);
}
Eso sería toda la explicación más o menos, gracias por su atención.
Saludos.

#608
Tips and Tutorials / Acomodar los Permisos del MOD Member Awards
August 06, 2013, 02:36:04 PM
Bueno como muchos saben, al instalar el MOD member awards: http://custom.simplemachines.org/mods/index.php?mod=475
Pues es excelente el MOD, tiene muy buenas funciones, pero se nos complica que cuando la edamos permisos a cierto grupo de usuarios, resulta que no pueden acceder aunque ya le dí los permisos y ya probé de todo y nada, no logran acceder ...
Yo logré que se visualizara, de tal forma que lograran acceder, lo que hice fue moverlo del menú de Configuración del foro a Controles de Temas y Diseño. Y de esta manera lograrán visualizar sin ningun problema los premios cuando se les asigne el permiso.
Abrimos ../Sources/Admin.php
Buscamos y eliminamos:
Una ves que lo eliminemos ...
Buscamos:
Y agregamos después:
De esta forma lo cambiamos de menú, pero con la diferencia que de este lado los permisos funcionan correctamente.
Bueno eso es todo, espero que les haya servido este pequeño tip
Pues es excelente el MOD, tiene muy buenas funciones, pero se nos complica que cuando la edamos permisos a cierto grupo de usuarios, resulta que no pueden acceder aunque ya le dí los permisos y ya probé de todo y nada, no logran acceder ...
Yo logré que se visualizara, de tal forma que lograran acceder, lo que hice fue moverlo del menú de Configuración del foro a Controles de Temas y Diseño. Y de esta manera lograrán visualizar sin ningun problema los premios cuando se les asigne el permiso.
Abrimos ../Sources/Admin.php
Buscamos y eliminamos:
Code Select
'awards' => array(
'label' => $txt['awards'],
'file' => 'ManageAwards.php',
'function' => 'Awards',
'icon' => 'awards.gif',
'permission' => array('manage_awards'),
'subsections' => array(
'main' => array($txt['awards_main']),
'modify' => array($txt['awards_modify']),
'assign' => array($txt['awards_assign']),
'categories' => array($txt['awards_categories']),
'settings' => array($txt['awards_settings']),
),
),
Una ves que lo eliminemos ...
Buscamos:
Code Select
'manageattachments' => array(
'label' => $txt['attachments_avatars'],
'file' => 'ManageAttachments.php',
'function' => 'ManageAttachments',
'icon' => 'attachment.gif',
'permission' => array('manage_attachments'),
'subsections' => array(
'browse' => array($txt['attachment_manager_browse']),
'attachments' => array($txt['attachment_manager_settings']),
'avatars' => array($txt['attachment_manager_avatar_settings']),
'maintenance' => array($txt['attachment_manager_maintenance']),
),
),
Y agregamos después:
Code Select
'awards' => array(
'label' => $txt['awards'],
'file' => 'ManageAwards.php',
'function' => 'Awards',
'icon' => 'awards.gif',
'permission' => array('manage_awards'),
'subsections' => array(
'main' => array($txt['awards_main']),
'modify' => array($txt['awards_modify']),
'assign' => array($txt['awards_assign']),
'categories' => array($txt['awards_categories']),
'settings' => array($txt['awards_settings']),
),
),
De esta forma lo cambiamos de menú, pero con la diferencia que de este lado los permisos funcionan correctamente.
Bueno eso es todo, espero que les haya servido este pequeño tip

#609
Tips and Tutorials / Que no cuenten créditos en un foro [SMF Shop]
August 06, 2013, 02:31:42 PM
Hola amigos, hace un tiempo le ayudé a un usuario en SimpleMachines que preguntaba si se podía evitar que en un foro no se dieran créditos del MOD SMF Shop.
Bueno es muy fácil, tan solo hacemos lo siguiente ....
../Sources/Post.php
Buscamos:
Añadimos después:
Tan solo cambiamos "ID DEL FORO EN EL QUE NO SE DARÁN COINS" por la ID del foro.
¿Cómo se cuál es la ID del foro?
Muy fácil, accedes a un foro y en la URL verás esto: "index.php?board=8.0"
En este caso la ID sería 8
Y quedaría algo así:
Bueno espero que les guste este pequeño tip
Créditos: Cristian Ospina
Bueno es muy fácil, tan solo hacemos lo siguiente ....
../Sources/Post.php
Buscamos:
Code Select
// Begin SMFShop code
// New topic?
if ($newTopic)
$points = !empty($board_info['shop_pertopic']) ? $board_info['shop_pertopic'] : $modSettings['shopPointsPerTopic'];
else
$points = !empty($board_info['shop_perpost']) ? $board_info['shop_perpost'] : $modSettings['shopPointsPerPost'];
// Are bonuses allowed in this board?
// Strip out all BBCode
$plaintext = preg_replace('[\[(.*?)\]]', ' ', $_POST['message']);
// Convert all newlines into spaces
$plaintext = str_replace(array('<br />', "\r", "\n"), ' ', $plaintext);
// Convert multiple successive spaces into a single space
$plaintext = preg_replace('/\s+/', ' ', $plaintext);
// The bonus for each word...
$points += ($modSettings['shopPointsPerWord'] * str_word_count($plaintext));
// ...and bonus for each letter
$points += ($modSettings['shopPointsPerChar'] * strlen($plaintext));
// Is there a limit set, and are we over it?
if (isset($modSettings['shopPointsLimit']) && $modSettings['shopPointsLimit'] != 0 && $points > $modSettings['shopPointsLimit'])
// If so, set the number of points to the limit
$points = $modSettings['shopPointsLimit'];
Añadimos después:
Code Select
if ($board == "ID DEL FORO EN EL QUE NO SE DARÁN COINS")
$points = "0";
Tan solo cambiamos "ID DEL FORO EN EL QUE NO SE DARÁN COINS" por la ID del foro.
¿Cómo se cuál es la ID del foro?
Muy fácil, accedes a un foro y en la URL verás esto: "index.php?board=8.0"
En este caso la ID sería 8
Y quedaría algo así:
Code Select
if ($board == "8")
$points = "0";
Bueno espero que les guste este pequeño tip

Créditos: Cristian Ospina