Hello, can someone please tell me how I can create something similar to the image below:
![[Image: sample.jpg]](http://www.newtuts.com/testlayout/sample.jpg)
I can do the images, but I dont know how to code that to work with tutorialms, nor do I know where to put that code.
You have to edit the template tutorial_bit, do you know how to code XHTML/CSS?
Okay, yes, I can code some XHTML and CSS, but I dont know much about divs, I dont code that often, and when I do, its in PHP.
Well the basics would should probably look like
Code:
<div style="float:left;width:***;">
Icon, title,categories here
</div>
<div style="float:left;width:***;">
<div style="border-bottom: 1px dotted #******;">Date</div>
<div style="border-bottom: 1px dotted #******;">Views</div>
<div style="border-bottom: 1px dotted #******;">Favourite</div>
<div style="border-bottom: 1px dotted #******;">Vote</div>
</div>
<div style="clear:both;"></div>
Obviously put in the width you want in px.
Okay, I tried integrating Here is the error:
Parse error: syntax error, unexpected $end in C:\xampp\htdocs\newtuts\includes\classes\tutorial.php(82) : eval()'d code on line 29
Below is my template, tutorial_bit:
Code:
<if condition="$config[MOD_REWRITE_ON] == 1">
<div class="tutorialcontainer">
<div class="tutorialbit">
<div style="float: left;background: inherit;width: 80%">
<if condition="$glob[details_page] == 1">
<strong><a style="font-size:11px;font-weight:bold;font:Tahoma;" target="_blank" href="$config[HTTP_SERVER]tutorial_out/$tutorial_bit[id]/$tutorial_bit[tutnamelink]/">$tutorial_bit[tutname]</a></strong><br />
<else />
<div style="float:left;width: ;">
<img alt="$tutorial_bit[id]" class="avatar" src="$config[HTTP_SERVER]$tutorial_bit[icon]" width="$config[NUMBER_DIMENSIONS_W]" height="$config[NUMBER_DIMENSIONS_H]"><a style="font-size:11px;font-weight:bold;font:Tahoma;" target="_blank" href="$config[HTTP_SERVER]tutorial_details/$tutorial_bit[id]/$tutorial_bit[tutnamelink]/">$tutorial_bit[tutname]</a>
<br>Category: <a class="tut_cats" href="$config[HTTP_SERVER]view_tutorials/$tutorial_bit[mcatelink]/All/">$tutorial_bit[mcate]</a> // <a class="tut_cats" href="$config[HTTP_SERVER]view_tutorials/$tutorial_bit[mcatelink]/$tutorial_bit[scatelink]/">$tutorial_bit[scate]</a>
<br><span class="message" id="tut_result_$tutorial_bit[id]" name="tut_result_$tutorial_bit[id]"></span>
</div>
<div style="float:left;width: ;">
<div style="border-bottom: 1px dotted #******;">Added: $tutorial_bit[dateadded]</div>
<div style="border-bottom: 1px dotted #******;">$tutorial_bit[views] <if condition="$tutorial_bit[views] == 1">view<else />views</if></div>
<div style="border-bottom: 1px dotted #******;">Favourite</div>
<div style="border-bottom: 1px dotted #******;"><span id="tut_votes_$tutorial_bit[id]" name="tut_votes_$tutorial_bit[id]">$tutorial_bit[votes]</span> <if condition="$tutorial_bit[votes] == 1">vote<else />votes</if>
</div>
<div style="vertical-align: top;float: right;border-left: 1px solid #bcdaf4;height: 100%;padding-left: 10px;">
<div style="padding-top: 5px;">Rate:<a href="javascript:submit_rate(2, $tutorial_bit[id]);"><img class="ratingimg" src="$config[HTTP_SERVER]images/header_icons/vote.gif" alt="1" /></a><a href="javascript:submit_rate(4, $tutorial_bit[id]);"><img class="ratingimg" src="$config[HTTP_SERVER]images/header_icons/vote.gif" alt="2" /></a><a href="javascript:submit_rate(6, $tutorial_bit[id]);"><img class="ratingimg" src="$config[HTTP_SERVER]images/header_icons/vote.gif" alt="3" /></a><a href="javascript:submit_rate(8, $tutorial_bit[id]);"><img class="ratingimg" src="$config[HTTP_SERVER]images/header_icons/vote.gif" alt="4" /></a><a href="javascript:submit_rate(10, $tutorial_bit[id]);"><img class="ratingimg" src="$config[HTTP_SERVER]images/header_icons/vote.gif" alt="5" /></a>
</div>
</div></div>
</div>
<div style="clear:both;"></div>
</div>
<br />
</if>
How to code XHTML/CSS in it then?