Public Forums 71,145 posts

[geekyartist Friend geekyartistJoin date: July 2008Posts: 69Downloads:0Uploads:11 Thanks: 25 Thanked: 7 times in 1 posts]

#135740

I am posting this here because I am not sure where it should reside as it affect several templates.

I want to ad a full date string to both the JA Labra and JA Trona templates. I successfully did this with JA Pyrite.

I started by stealing the CSS code from the Teline II template and the PHP code from the index.php file. Inserted them into the CSS and PHP for Labra and Trona and they are both are not behaiving. It worked great in JA Pyrite. But something is blocking the code from working properly. The date string shows up either on the left about 1px below the top or will float right. But no amount of padding or margin seems to push the date string down where I place it below the Search box.

Any CSS wisard out there have any ideas how to make this work?

Thanks…

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#280686

For Trona…

Open index.php find on line 137…

[php] <div id=”ja-usertools”<?php if (!$this->countModules(‘user4’)) { ?>style=”right: 0;”<?php } ?>>
<?php $tmpTools->genToolMenu($tmpTools->getParam(‘usertool_font’), ‘png’); ?>
</div>[/php]On a new blank line immediately AFTER add:
[php]
<div class=”ja-day”>
<?php
echo “<span>”.date (‘l’).”</span>”;
echo ” <div>”.date (‘M’).” “.date (‘d’).date (‘S’).”</div>”;
?>
</div>[/php]Open template.css and at the very end add…

/*Date*/
.ja-day {
bottom:12px;
color: #FFFFFF;
font-weight: bold;
position:absolute;
right:66px;
}

.ja-day span, .ja-day div {
display: block;
float: left;
padding: 0 2px;
}

.ja-day span {
padding: 1px 5px;
}

.ja-day div {
padding: 1px 10px;
background: #D7025F;
color: #FFFFFF;
}

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

For Labra…

Open index.php and find on line 108…
[php] <?php if ($this->countModules(‘user4’)) { ?>
<div id=”ja-search”>
<jdoc:include type=”modules” name=”user4″ style=”raw” />
</div>
<?php } ?>[/php]On a new blank line immediately AFTER add:
[PHP]<div class=”ja-day”>
<?php
echo “<span>”.date (‘l’).”</span>”;
echo ” <div>”.date (‘M’).” “.date (‘d’).date (‘S’).”</div>”;
?>
</div>[/PHP]

Open template.css and at the very end add…

/*Date*/
.ja-day {
bottom:18px;
color: #FFFFFF;
font-weight: bold;
position:absolute;
right:10px;
}

.ja-day span, .ja-day div {
background: #333333;
display: block;
float: left;
padding: 0 2px;
}

.ja-day span {
padding: 3px 10px;
}

.ja-day div {
padding: 3px 10px;
color: #FFFFFF;
}

Adjust styling to suit your own preference.

1 user says Thank You to scotty for this useful post

1. geekyartist

[geekyartist Friend geekyartistJoin date: July 2008Posts: 69Downloads:0Uploads:11 Thanks: 25 Thanked: 7 times in 1 posts]

#280700

Scotty,

Thank you very much for this code! It is much appreciated. :D…

Troy

[Author]

Posts