Felipe Monteiro
Webmaster
Well guys,
This is my first contribution to the forum.
I'm posting this because I have not seen any tutorial of how to do this, so I learned and am sharing!
I'll teach how to make the title of the news like global.
like this...
Good ;D
Open your latestnews.php
Find..
And change for..
Now extract this..
News Icon
on your_site/layouts/tibiacom/images/news/
And Finish !!
PS. If this tutorial was helpful to you, dont forget REP me!
This is my first contribution to the forum.
I'm posting this because I have not seen any tutorial of how to do this, so I learned and am sharing!
I'll teach how to make the title of the news like global.
like this...
Good ;D
Open your latestnews.php
Find..
PHP:
$main_content .= '<div class="NewsHeadline">
<div class="NewsHeadlineBackground" style="background-image:url('.$layout_name.'/images/news/newsheadline_background.gif)">
<table border=0><tr><td><img src="'.$layout_name.'/images/news/icon_'.$row['icon_id'].'.gif" class=\'NewsHeadlineIcon\' alt=\'\' />
</td><td><font color="'.$layout_ini['news_title_color'].'">'.date('d.m.y H:i:s', $row['post_date']).' - <b>'.$row['post_topic'].'</b></font></td></tr></table>
</div>
</div>
<table style=\'clear:both\' border=0 cellpadding=0 cellspacing=0 width=\'100%\'><tr>
<td><img src="'.$layout_name.'/images/global/general/blank.gif" width=10 height=1 border=0 alt=\'\' /></td>';
And change for..
PHP:
//NEWS TITLLE LIKE GLOBAL RL - BY FELIPE MONTEIRO
$main_content .= '
<style type="text/css">
.NewsHeadlineBackground {
position: relative;
height: 28px;
margin-bottom: 5px;
background-repeat: repeat-x;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
.NewsHeadline {
margin-top: 5px;
}
.NewsHeadlineIcon {
position: absolute;
top: -1px;
left: 0px;
margin-left: 5px;
margin-right: 5px;
}
.NewsHeadlineDate {
font-size: 7pt;
position: absolute;
top: 10px;
left: 50px;
width: 85px;
color: white;
}
.NewsHeadlineText {
position: relative;
top: 7px;
left: 135px;
font-size: 10pt;
font-weight: bold;
color: white;
}
</style>';
//END CSS
//NEWS TITTLE LIKE RL
$main_content .= '
<div class="NewsHeadline">
<div class="NewsHeadlineBackground" style="background-image:url('.$layout_name.'/images/news/newsheadline_background.gif)">
<img src="'.$layout_name.'/images/news/newsicon_'.$row['icon_id'].'.gif" class="NewsHeadlineIcon" alt=\'\' />
<div class="NewsHeadlineDate">'.date('d/m/Y', $row['post_date']).' - </div>
<div class="NewsHeadlineText">'.$row['post_topic'].'</div>
</div>
</div>
<table style=\'clear:both\' border=0 cellpadding=0 cellspacing=0 width=\'100%\'><tr>
<td><img src="'.$layout_name.'/images/global/general/blank.gif" width=10 height=1 border=0 alt=\'\' /></td>';
//END NEWS TITTLE LIKE RL
Now extract this..
News Icon
on your_site/layouts/tibiacom/images/news/
And Finish !!
PS. If this tutorial was helpful to you, dont forget REP me!
Attachments
-
icons.zip2.5 KB · Views: 112 · VirusTotal