kader rond artikel

Moderator: pe7er

Forum rules
Forum Regels
Post Reply
User avatar
pjotr
Joomla! Guru
Joomla! Guru
Posts: 995
Joined: Thu Aug 18, 2005 1:00 pm
Location: Gouda
Contact:

kader rond artikel

Post by pjotr » Thu Aug 28, 2008 7:18 pm

Ik ben al een poosje aan het worstelen om een kader rond een artikel te krijgen (blog-pagina), maar het wil niet lukken. Op een gegeven moment had ik wel kaders, maar deze werden getoond rond de titel, rond de auteur, rond het artikel enz. Ik wil dus een kadertje (en lichte achtergrondkleur) voor het hele artikel. Waar in de CSS kan ik dit instellen en hoe?
Peter Keijser

Barend84
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 155
Joined: Fri Feb 23, 2007 10:36 am
Contact:

Re: kader rond artikel

Post by Barend84 » Tue Sep 16, 2008 7:50 pm

Als ik het goed begrijp heb je dus een lijst met blog items. Je wilt bij elk blog item een kader en achtergrond kleur hebben? Standaard wordt dat volgens mij lastig omdat Joomla voor een aantal onderdelen, zoals titel, auteur, samenvatting, etc. dezelfde css class gebruikt.

Ik gebruik zelf bij mijn blogitems de mambot 'calDate' om de datum op een leuke manier weer te geven. Deze mambot zorgt ervoor dat het hele blogitem in een aantal div's komt te staan waaronder ook de datum. Op een van die div's zou je dan via css een kader en achtergrond kleur kunnen maken en via css je datum op een normale manier kunnen laten zien.

De broncode van een s1 blog item in een lijst ziet er bij mij dan als volgt uit:

Code: Select all

<div class='calDateDiv'>
                                    <div class='cd_inner'>
                                      <div class='cd_calpage'> <span class='cd_calmonth'>Aug</span> <span class='cd_calday'>30</span> <span class='cd_calyear'>2008</span> </div>
                                      <table class="contentpaneopen">
                                        <tr>
                                          <td class="contentheading" width="100%"><a href="http://www.usableweb.nl/en/usability/uitklap-menus-wel-of-niet-doen-2.html" class="contentpagetitle"> Uitklap menu's: wel of niet doen?</a> </td>
                                        </tr>
                                      </table>
                                      <table class="contentpaneopen">
                                        <tr>
                                          <td valign="top" colspan="2" class="createdate"> Saturday, 30 August 2008 </td>
                                        </tr>
                                        <tr>
                                          <td valign="top" colspan="2"> Nog steeds worden uitklap menu's regelmatig gebruikt in webdesign. Ze worden gebruikt om ruimte te besparen of om mooie effecten te cre&euml;ren. Uitklap menu's hebben echter redelijk wat nadelen en moeten daarom zoveel mogelijk vermeden worden.
                                            <div class="commentBlogView">
                                              <div class="show-linkmore"> <a href="http://www.usableweb.nl/en/usability/uitklap-menus-wel-of-niet-doen.html"> Lees verder </a> </div>
                                              <div class="show-comment"> <a href="http://www.usableweb.nl/en/usability/uitklap-menus-wel-of-niet-doen.html#jc_writeComment"> Geef commentaar (0)</a> </div>
                                            </div></td>
                                        </tr>
                                      </table>
                                      <span class="article_seperator">&nbsp;</span>
                                      <!-- end caldate divs -->
                                    </div>
                                  </div>
Hopelijk kan je daar iets mee?
Barend Emmerzaal
Projectmanager Webdevelopement
http://barend.stolkbv.nl
http://www.usableweb.nl

User avatar
pjotr
Joomla! Guru
Joomla! Guru
Posts: 995
Joined: Thu Aug 18, 2005 1:00 pm
Location: Gouda
Contact:

Re: kader rond artikel

Post by pjotr » Wed Sep 17, 2008 9:26 am

Barend, bedankt voor je reactie.
Ik ga er eens met je oplossing aan het stoeien.
Peter Keijser


Post Reply

Return to “Templates 1.0.x”