Bueno muchos conocen y/o usan el MOD Ads Management.
Nosotros por ejemplo en StickPlays lo utilizamos.
Resulta que he estado algo aburrido, así que decidí ponerle avatares a la publicidad en los post del foro xD
Aproveché eso, puesto que quería acomodar el cuadro de eso .. xD
En fin. Primero empecemos con lo que empecé a hacer.
¿Tu publicidad se ve rara, o se alarga mucho la última de los temas?
Esta es la solución:
Display.template.phpBusca:
if (function_exists("show_posts"))
{
if ($adpost = show_posts($adcounter))
{
if($modSettings['ads_lookLikePosts'])
{
echo '
<div class="windowbg">
<span class="topslice"><span></span></span>
<div class="poster">
<h4>', $context['forum_name'], '</h4>
</div>
<div class="postarea">
<div class="flow_hidden">
<div class="keyinfo">
<div class="messageicon">
<img src="', $message['icon_url'] . '" alt="" border="0" />
</div>
<h5 id="subject_', $message['id'], '">
<a href="', $message['href'], '" rel="nofollow">', $message['subject'], '</a>
</h5>
<div class="smalltext">« <strong>', !empty($message['counter']) ? $txt['reply_noun'] . ' #' . $message['counter'] : '', ' ', $txt['on'], ':</strong> ', $message['time'], ' »</div>
<div id="msg_', $message['id'], '_quick_mod"></div>
</div>';
Remplazamos por:
if (function_exists("show_posts"))
{
if ($adpost = show_posts($adcounter))
{
if($modSettings['ads_lookLikePosts'])
{
echo '
<div class="approvebg">
<span class="topslice"><span></span></span>
<div class="poster">
<h4>', $context['forum_name'], '</h4>
</div>
<div class="postarea">
<div class="flow_hidden">
<div class="keyinfo">
<div class="messageicon">
<img src="', $message['icon_url'] . '" alt="" border="0" />
</div>
<h5 id="subject_', $message['id'], '">
<a href="', $message['href'], '" rel="nofollow">', $message['subject'], '</a>
</h5>
<div class="smalltext">« <strong>', !empty($message['counter']) ? $txt['reply_noun'] . ' #' . $message['counter'] : '', ' ', $txt['on'], ':</strong> ', $message['time'], ' »</div>
<div id="msg_', $message['id'], '_quick_mod"></div>
</div></div>';
Como ven, tan solo era un </div> faltante xD
Ponerle Avatares a la publicidadAhí mismo en ese código de arriba ..
Buscamos:
<div class="poster">
<h4>', $context['forum_name'], '</h4>
</div>
Remplazamos por:
<div class="poster">
<center><h4 title="', $context['forum_name'], '">', $context['forum_name'], '</h4>
<img src="link de la imagen" width="150" height="150"/>
</center></div>
Cambian "Link de la imagen", por el link de la imagen que quieran poner.
Como pueden ver, esto es muy sencillo, pero a base de esto lo podemos dejar con un mejor estilo.
Por ejemplo en el
index.css añadimos esto al final:
.perfilads {
-moz-border-radius: 5px 5px 5px 5px;
background: none repeat scroll 0 0 #ffe5e5;
border: 1px solid #e19d9d;
margin-bottom: 2px;
padding: 4px;
text-align: center;
width: 82%;
}
Obviamente se puede dejar al gusto de cada quién.
Bueno con eso, modificaremos otra ves lo ya indicado pero ya modificado anteriormente ...
Display.template.phpBuscamos:
<div class="poster">
<center><h4 title="', $context['forum_name'], '">', $context['forum_name'], '</h4>
<img src="link de la imagen" width="150" height="150"/>
</center></div>
Remplazamos por:
<div class="poster">
<center><h4 title="', $context['forum_name'], '"><div id="perfilads" class="perfilads">', $context['forum_name'], '</div></h4>
<div id="perfilads" class="perfilads">
<img src="link de la imagen" width="150" height="150"/>
</div></center>
</div>
Y con esto nos vendría quedando más o menos así:
¿se ve bien no? xD
Es algo sencillo, y a base de esto, y de tener imaginación, creatividad ... Se pueden más cosas todavía.