Seleccionar idioma:
Realizar Donación - Mods Premium - Portfolio



Este sitio utiliza cookies propias y de terceros. Si continúa navegando consideramos que acepta el uso de cookies. OK Más Información.
* Cover System Nuevo Estilo + Tooltip
  Leído 3659 veces
* Viendo el foro
 0 Usuarios y 2 Visitantes están viendo este foro.


*
Autor: nodensdorian
Nov 15 2012
Bueno, esta idea la saké de algunos themes de blogger y gracias a Heracles pude realizarla acá. Se los dejo por si alguno más kiere aplicar estos cambios al cover_system. Toda esta modificación es de Heracles, yo solo retoké los estilos, gracias a él por este tuto. Comencemos...

Así les kedará:



Antes que nada deben tener instalados el módulo para AdkPortal Cover System.

Recuerden hacer un respaldo de los archivos que van a modificar! Y si kieren ver una demo, vayan al portal de mi web.

1º Subir el archivo adjunto al root del sitio y ejecutarlo: tuweb/install_cover.php (dentro de retoke_coversystem.rar). Una ves que de exito eliminar el archivo IMPORTANTÍSIMO!

2º En Themes/default/Adk-Modules.template.php:

Buscar:
Código: [Seleccionar]
function template_c_system()
{
global $txt, $scripturl, $context, $boardurl;

echo'
<form method="post" action="'. $scripturl .'?action=admin;area=modules;sa=savec_system">';

echo'
<div class="tborder">
<table style="width: 100%;" cellspacing="0">
<tr>
<td>
<div class="cat_bar"><h4 class="catbg">
<img src="'.$boardurl.'/adkportal/images/blocks/folder.png" alt="" />&nbsp;'.$txt['adk_cover_system'].'
</h4></div>
</td>
</tr>
</table>
<div class="windowbg"><span class="topslice"><span></span></span>
<table style="width: 100%;" cellspacing="1">
<tr>
<td style="width: 100%;">
<strong>'.$txt['adk_add_url'].':</strong><br />
<img src="'.$boardurl.'/adkportal/images/blocks/online.png" alt="" />&nbsp;
<input type="text" name="id_topic" value="" />
<br />
<strong>'.$txt['adk_add_image'].':</strong><br />
<img src="'.$boardurl.'/adkportal/images/blocks/tag_purple.png" alt="" />&nbsp;
<input type="text" name="image" value="" />
</td>
</tr>
</table>
<table style="width:100%; text-align: center;">
<tr class="windowbg">
<td>
<input type="submit" class="button_submit" value="'.$txt['save'].'" />
<input type="hidden" name="sc" value="',$context['session_id'],'" />
</td>
</tr>
</table>
<span class="botslice"><span></span></span></div>
</div>
</form>';


adk_admin_copyright();
}

Reemplazar por:
Código: [Seleccionar]
function template_c_system()
{
global $txt, $scripturl, $context, $boardurl;

echo'
<form method="post" action="'. $scripturl .'?action=admin;area=modules;sa=savec_system">';

echo'
<div class="tborder">
<table style="width: 100%;" cellspacing="0">
<tr>
<td>
<div class="cat_bar"><h4 class="catbg">
<img src="'.$boardurl.'/adkportal/images/blocks/folder.png" alt="" />&nbsp;'.$txt['adk_cover_system'].'
</h4></div>
</td>
</tr>
</table>
<div class="windowbg"><span class="topslice"><span></span></span>
<table style="width: 100%;" cellspacing="1">
<tr>
<td style="width: 50%;">
&nbsp;&nbsp;<img style="vertical-align: sub;" src="'.$boardurl.'/adkportal/images/blocks/online.png" alt="" />&nbsp;
<strong>'.$txt['adk_add_url'].':</strong>
</td>
<td style="width: 50%;">
<input type="text" name="id_topic" size="10" value="" />
</td>
</tr>
<tr>
<td style="width: 50%;">
&nbsp;&nbsp;<img style="vertical-align: sub;" src="'.$boardurl.'/adkportal/images/award_star_gold_1.png" alt="" />&nbsp;
<strong>'.$txt['adk_add_title'].':</strong>
</td>
<td style="width: 50%;">
<input type="text" name="title" size="50" value="" />
</td>
</tr>
<tr>
<td style="width: 50%;">
&nbsp;&nbsp;<img style="vertical-align: sub;" src="'.$boardurl.'/adkportal/images/blocks/tag_purple.png" alt="" />&nbsp;
<strong>'.$txt['adk_add_image'].':</strong>
</td>
<td style="width: 50%;">
<input type="text" name="image" size="50" value="" />
</td>
</tr>
<tr>
<td style="width: 50%;" valign="top">
&nbsp;&nbsp;<img style="vertical-align: sub;" src="'.$boardurl.'/adkportal/images/page.gif" alt="" />&nbsp;
<strong>'.$txt['adk_add_desc'].':</strong>
</td>
<td style="width: 50%;">
<textarea name="desc" rows="8" cols="47"></textarea>
</td>
</tr>
</table>
<table style="width:100%; text-align: center;">
<tr class="windowbg">
<td>
<hr />
<input type="submit" class="button_submit" value="'.$txt['save'].'" />
<input type="hidden" name="sc" value="',$context['session_id'],'" />
</td>
</tr>
</table>
<span class="botslice"><span></span></span></div>
</div>
</form>';


adk_admin_copyright();
}

3º En Sources/Adk-Modules:

Buscar:
Código: [Seleccionar]
function savec_system()
{
global $context, $txt, $scripturl, $smcFunc;

checkSession('post');

$id_topic = (int)$_POST['id_topic'];
$image = $smcFunc['htmlspecialchars']($_POST['image']);

$smcFunc['db_insert'](
'ignore',
'{db_prefix}adk_covers_portal',
array('id_topic' => 'int', 'image' => 'text'),
array('cover' => array($id_topic,$image,)),
array('id_cover')
);

redirectexit('action=admin;area=modules;sa=c_system;'.$context['session_var'].'='.$context['session_id']);
}

Reemplazar por:
Código: [Seleccionar]
function savec_system()
{
global $context, $txt, $scripturl, $smcFunc, $sourcedir;

checkSession('post');
require_once($sourcedir . '/Subs-Post.php');

$id_topic = (int)$_POST['id_topic'];
$image = $smcFunc['htmlspecialchars']($_POST['image']);
$title = $smcFunc['htmlspecialchars']($_POST['title']);
$description = $smcFunc['htmlspecialchars']($_POST['desc'], ENT_QUOTES);
$description = $smcFunc['htmltrim']($description, ENT_QUOTES);
preparsecode($description);

$smcFunc['db_insert'](
'ignore',
'{db_prefix}adk_covers_portal',
array(
'id_topic' => 'int',
'image' => 'text',
'title' => 'text',
'description' => 'text',
),
array(
'cover' => array(
$id_topic,
$image,
$title,
$description,
)
),
array('id_cover')
);

redirectexit('action=admin;area=modules;sa=c_system;'.$context['session_var'].'='.$context['session_id']);
}

4º En Themes\default\languages\Adk-Admin.english.php y Adk-Admin.TUIDIOMA.php

Buscar:
Código: [Seleccionar]
?>
En "Adk-Admin.english.php" Agregar antes:
Código: [Seleccionar]
$txt['adk_add_title'] = 'Title';
$txt['adk_add_desc'] = 'Description';

En "Adk-Admin.TUIDIOMA.php" Agregar antes:
Código: [Seleccionar]
$txt['adk_add_title'] = 'Título';
$txt['adk_add_desc'] = 'Descripción';

5º En el archivo ./adkportal/css/blocks.css agregar al final:

Código: [Seleccionar]
.c_systema_content {
position: relative;
background: url(../images/coverblok.png) no-repeat scroll center center transparent;
height: 250px;
width: 180px;
}
.c_systema_content a {
text-decoration: none;
}
.c_systema_popup {
left: 210px;
bottom: -10px;
position: absolute;
z-index: 1;
padding:10px;
color:#fff !important;
border: 3px solid #222222;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
-moz-box-shadow: 3px 3px 39px 2px #222222;
-webkit-box-shadow: 3px 3px 39px 2px #222222;
box-shadow: 3px 3px 39px 2px #222222;
background: -moz-linear-gradient(top, rgba(128,128,128,0.9) 0%, rgba(78,78,78,0.9) 94%, rgba(78,78,78,0.9) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(128,128,128,0.9)), color-stop(94%,rgba(78,78,78,0.9)), color-stop(100%,rgba(78,78,78,0.9)));
background: -webkit-linear-gradient(top, rgba(128,128,128,0.9) 0%,rgba(78,78,78,0.9) 94%,rgba(78,78,78,0.9) 100%);
background: -o-linear-gradient(top, rgba(128,128,128,0.9) 0%,rgba(78,78,78,0.9) 94%,rgba(78,78,78,0.9) 100%);
background: -ms-linear-gradient(top, rgba(128,128,128,0.9) 0%,rgba(78,78,78,0.9) 94%,rgba(78,78,78,0.9) 100%);
background: linear-gradient(top, rgba(128,128,128,0.9) 0%,rgba(78,78,78,0.9) 94%,rgba(78,78,78,0.9) 100%);
}
.c_systema_popup td  {
vertical-align: top;
color: #fff !important;
}
.c_systema_popup img{
width: 150px;
height: 150px;
  border: 6px solid #000000;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.cs_title{
    margin-bottom: 5px;
    padding-top: 12px;
}
.cs_img{
    margin-top: 8px;
}
.cs_uploader{
    text-shadow: 1px 1px #FFF;
font-size: 0.85em;
}

NOTA: si tienen problemas con el estilo, a mi me pasó que no agarraban los estilos poniéndolos en ./adkportal/css/blocks.css; así que Heracles me aconsejó que los pusiera en ./Themes/TUTHEME/css/index.css y ahí sí arrancó. Prueben.

6º Reemplazar el archivo ./adkportal/blocks/c_system.php con el que adjunto dentro de retoke_coversystem.rar

7° Subir la imagen coverblok.png a Theme/TUTHEME/images, que está dentro del retoke_coversystem.rar

Espero les haya gustado y si kieren pueden seguir retocando este grandioso módulo, ya que es de código muy simple.

Algunas cuestiones, si kieren cambiar la forma en que salen los los coveres en su portal:

En ./adkportal/blocks/c_system.php

Si kieren cambiar la cantidad de celdas que se mostrarán antes de la paginación, pueden hacerlo en esta línea.
Código: [Seleccionar]
$limit = 15; Colocan un número que se múltiplo de la cantidad de columnas que tengan, por ej.: con 2 columnas->Celdas: 2, 4, 6, 8, 10... // con 3 columnas-> Celdas: 3, 6, 9, 12, 15 (y yo que pensaba en la escuela, que las tablas no servían para nada xD xD )

Ahora pueden cambiar la cantidad de columnas, conforme a la cantidad de celdas que kieran tener.
Código: [Seleccionar]
if($i == 3){Ahí colocan la cantidad de columnas que kieran tener y en base a ello, la cantidad de celdas.

Espero que les haya gustado, gracias a SmfPersonal por este módulo para AdkPortal, y gracias a Heracles por esta modificación.
Cualkier cosa que kieran corregir, me dicen y edito el post.

Saludos!


« Última Modificación: Noviembre 15, 2012, 10:54:14 pm por nodensdorian »



Muy bueno viejo, te felicito como vas avanzando y aportando ala comunidad, saludos compadre.




Grax a vos por comentar, y para servirles :) Al menos devuelvo algo de lo mucho que me ha dado este foro :D Abrazos compa!  (y)




Excelente tutorial amigo +10

Ya te aprobe la descarga del archivo.

Gracias por compartir.

Saludos




Grax Heracles! Es todo un placer poder colaborar :D Saludos!




Hola excelente modificacion realize todos los pasos y me funciono todo menos la descripcion como lo puedo arreglar me ayudan aqui esta mi foro:
 
http://www.coversmg.com/2014/index.php saludos




y le pusiste la descripcion desde la administracion?
Porque se supone que tenes que ponerle una descripcion desde ahi...




si le puse una linea a cada uno pero pensandolo bien se ve mejor sin descripcion ahora tengo conficto con el Adk Tooltips al pasar el mouse aparece la descripcion de ese modulo y se ve feo, alguna forma de quitarle la descripcion al modulo Adk Tooltips  dejarlo sin nada asi como quedo el de Cover System.




Pues claro!! si tenes los dos sistemas juntos tendras conflictos, recorda que esto es una union del tooltips y el cover, por lo tanto hay codigos de los dos.

Esta modificacion no esta diseñada para que trabajen los dos juntos




muchas gracias por tu explicacion!. eso pense. pero quisas si le quitamos el sistema de descripcion a adk tooltips se mejore me puedes ayudar a eso porfa!




Otros temas de su interes




Usuario:
Contraseña:
Sesión:
hermes bracelet replica, christian louboutin replica, van cleef and arpels replica, red bottoms replica, cartier love bracelet replica christian louboutin replica, christian louboutin replica, hermes bracelet replica,