+ Antworten
Seite 1 von 2 1 2 LetzteLetzte
Ergebnis 1 bis 10 von 20

Thema: Design und Layout der Kategorieliste

  1. #1
    Neu an Board Avatar von ~Flo~
    Registriert seit
    03.08.2007
    Ort
    Kleinsendelbach
    Alter
    22
    Beiträge
    82
    Bedankte sich
    37
    1 Danksagung in 1 Beitrag

    Standard Design und Layout der Kategorieliste

    Hallo Leute,
    ich kämpfe seit Tagen mit dem Layout der Kategorieliste in Joomla. Und es will einfach nicht klappen!

    Zu meinem Problem:
    Zum aktuellen Zeitpunkt schaut meine Kategorieliste für einen Beitragsbereich folgendermaßen aus.



    Die Nummerierung habe ich erfolgreich wegbekommen und das Datumsformat auch erfolgreich geändert. Nun ist aber Schluss mit dem Erfolg - leider!

    Ich möchte, dass das Datum links, vor den Beitragstiteln steht. Was ich super finden würde, wäre auch ein einfacher Tabellenrahmen um das ganze. Sprich, dass das Datum eine Spalte hat und die Beitragstitel. Natürlich auch mit horizontalen Linien ;-)

    Die Tabellenüberschriften kann man ja über die Eigenschaften anschalten und abschalten. Bei mir sind sie jetzt abgeschaltet, weil wenn ich sie aktiviere, das ganze wieder wie folgt aussieht.



    Ich habe schon ein wenig mit Dreamweaver probiert, an der default_item.php etwas zu ändern, hatte aber keinen Erfolg.

    Vielleicht als kleine Hintergrundnotiz, mein Template ist von Grund auf so eingestellt, dass alle Beiträge etc. Mittig angezeigt werden.

    Wäre supercool wenn ihr mir bei meinen Problemchen helfen könntet.


    Mit freundlichen Grüßen
    ~Flo~


  2. #2
    Gute Seele des Boards Avatar von Indigo66
    Registriert seit
    30.10.2007
    Ort
    München
    Beiträge
    10.687
    Bedankte sich
    338
    Erhielt 3.354 Danksagungen
    in 3.244 Beiträgen

    Standard

    Einige Dinge sind reine CSS-Probleme, bei denen wir nur helfen können, wenn wir einen Link zur Seite haben. Da jedes Template seine eigene CSS mitbringt und man so keine einheitliche Aussage machen kann. Außerdem muss man die CSS online analysieren können.
    Was den Tausch von Datum und Beitragstitel betrifft, muss die betreffendende PHP editiert werden. Hier soolte man nie das Original Core verwenden, sondern einen Override erstellen. Override wäre auch Dein Suchbegriff hier im Forum um mehr darüber zu erfahren.

  3. Erhielt Danksagungen von:


  4. #3
    Neu an Board Avatar von ~Flo~
    Registriert seit
    03.08.2007
    Ort
    Kleinsendelbach
    Alter
    22
    Beiträge
    82
    Bedankte sich
    37
    1 Danksagung in 1 Beitrag

    Standard

    Hallo,
    also das mit dem Override ist mir bekannt und auch bewusst ;-)

    Arbeite im Moment an der PHP Datei bezüglich der Spalten, die Tabellenüberschriften zu tauschen habe ich schon hinbekommen, nur stehen jetzt unter Datum die Beitragstitel und auch andersrum.

    Hier mal der Link zur betreffenden Seite: KFV Forchheim

    Im Anhang findet ihr meine Template CSS. (Die funktioniert nicht oder? Hier mal ein Downloadlink: Template.css

    Mit freundlichen Grüßen
    ~Flo~
    Angehängte Dateien
    Geändert von ~Flo~ (13.06.2010 um 10:00 Uhr)

  5. #4
    Gute Seele des Boards Avatar von Indigo66
    Registriert seit
    30.10.2007
    Ort
    München
    Beiträge
    10.687
    Bedankte sich
    338
    Erhielt 3.354 Danksagungen
    in 3.244 Beiträgen

    Standard

    Oh ... auch noch ein Art...sch...dingsbums Template. (Klick mal diesbez. in meine Signatur)

    Also, erstens würde ich in .art-PostContent das "center" rausnehmen, darum wird nämlich "alles" zentriert und das sieht einfach be... nicht gut aus, und über den Editor zentrierten Text erzeugen wenn er wirklich gebraucht wird.

    Was die Overrides betrifft, Du musst ja auch den Contenbereich für die Beitragstitel gegen die des Datums tauschen, nicht nur die Tabellenüberschrift.

  6. Erhielt Danksagungen von:


  7. #5
    Neu an Board Avatar von ~Flo~
    Registriert seit
    03.08.2007
    Ort
    Kleinsendelbach
    Alter
    22
    Beiträge
    82
    Bedankte sich
    37
    1 Danksagung in 1 Beitrag

    Standard

    Nunja, Artisteer - in der Not frisst der Teufel Fliegen :-D

    Ok, das habe ich jetzt mal rausgenommen, muss zwar einiges jetzt wieder an der Seite ändern, aber das dürfte ja kein Problem sein.

    Mit dem Ändern im Override verzweifel ich langsam, das klappt nicht so wie ich mir das vorstelle.

    Zur Ansicht mal die Datei: default_items.php

    Trotzdem Danke für deine Hilfe!

    Mit freundlichen Grüßen
    ~Flo~

  8. #6
    Neu an Board Avatar von machartstudios
    Registriert seit
    13.06.2010
    Beiträge
    14
    Bedankte sich
    1
    Erhielt 7 Danksagungen
    in 7 Beiträgen

    Standard

    Tausche den Inhalt von Zeile 81 mit dem Inhalt von Zeile 69 bis 71.

    LG
    Eddi

    Edit: Wie willst du die Tabellenrahmen haben?
    Zu deinem Layout würden 1 Pixel Rahmen passen... Ich versuchs mal:

    Ersetze in der Zeile 65:
    <tr class="sectiontableentry
    mit
    <tr class="sectionrow sectiontableentry

    Füge in deine CSS Datei folgenden Befehl ein:
    .sectionrow td{border-bottom:1px solid #000}
    Geändert von machartstudios (13.06.2010 um 10:28 Uhr)

  9. Erhielt Danksagungen von:


  10. #7
    Neu an Board Avatar von ~Flo~
    Registriert seit
    03.08.2007
    Ort
    Kleinsendelbach
    Alter
    22
    Beiträge
    82
    Bedankte sich
    37
    1 Danksagung in 1 Beitrag

    Standard

    Hallo,
    in welcher Datei tauschen? Habe in der default_item.php geschaut, da ist die Zeile 81 ja für den Autor zuständig.

    Mfg ~Flo~

  11. #8
    Neu an Board Avatar von machartstudios
    Registriert seit
    13.06.2010
    Beiträge
    14
    Bedankte sich
    1
    Erhielt 7 Danksagungen
    in 7 Beiträgen

    Standard

    Zitat Zitat von ~Flo~ Beitrag anzeigen
    Hallo,
    in welcher Datei tauschen? Habe in der default_item.php geschaut, da ist die Zeile 81 ja für den Autor zuständig.

    Mfg ~Flo~
    Bei mir steht da
    <?php echo $item->created; ?>

    aber OK, ich hab die IF-Schleife vergessen also in der default_item.php
    PHP-Code:
    <?php // no direct access
    defined('_JEXEC') or die('Restricted access'); ?>
    <script language="javascript" type="text/javascript">

        function tableOrdering( order, dir, task )
        {
            var form = document.adminForm;

            form.filter_order.value     = order;
            form.filter_order_Dir.value    = dir;
            document.adminForm.submit( task );
        }
    </script>
    <form action="<?php echo $this->action?>" method="post" name="adminForm">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <?php if ($this->params->get('filter') || $this->params->get('show_pagination_limit')) : ?>
    <tr>
        <td colspan="5">
            <table>
            <tr>
            <?php if ($this->params->get('filter')) : ?>
                <td align="left" width="60%" nowrap="nowrap">
                    <?php echo JText::_($this->params->get('filter_type') . ' Filter').'&nbsp;'?>
                    <input type="text" name="filter" value="<?php echo $this->escape($this->lists['filter']);?>" class="inputbox" onchange="document.adminForm.submit();" />
                </td>
            <?php endif; ?>
            <?php if ($this->params->get('show_pagination_limit')) : ?>
                <td align="right" width="40%" nowrap="nowrap">
                <?php
                    
    echo '&nbsp;&nbsp;&nbsp;'.JText::_('Display Num').'&nbsp;';
                    echo 
    $this->pagination->getLimitBox();
                
    ?>
                </td>
            <?php endif; ?>
            </tr>
            </table>
        </td>
    </tr>
    <?php endif; ?>
    <?php 
    if ($this->params->get('show_headings')) : ?>
    <tr>
        <?php if ($this->params->get('show_date')) : ?>
        <td class="sectiontableheader<?php echo $this->escape($this->params->get('pageclass_sfx')); ?>" width="25%">
            <?php echo JHTML::_('grid.sort',  'Date''a.created'$this->lists['order_Dir'], $this->lists['order'] ); ?>
        </td>
        <?php endif; ?>
        <?php if ($this->params->get('show_title')) : ?>
         <td class="sectiontableheader<?php echo $this->escape($this->params->get('pageclass_sfx')); ?>" width="45%">
            <?php echo JHTML::_('grid.sort',  'Item Title''a.title'$this->lists['order_Dir'], $this->lists['order'] ); ?>
        </td>
        <?php endif; ?>
            <?php if ($this->params->get('show_author')) : ?>
        <td class="sectiontableheader<?php echo $this->escape($this->params->get('pageclass_sfx')); ?>"  width="20%">
            <?php echo JHTML::_('grid.sort',  'Author''author'$this->lists['order_Dir'], $this->lists['order'] ); ?>
        </td>
        <?php endif; ?>
        <?php if ($this->params->get('show_hits')) : ?>
        <td align="center" class="sectiontableheader<?php echo $this->escape($this->params->get('pageclass_sfx')); ?>" width="5%" nowrap="nowrap">
            <?php echo JHTML::_('grid.sort',  'Hits''a.hits'$this->lists['order_Dir'], $this->lists['order'] ); ?>
        </td>
        <?php endif; ?>
    </tr>
    <?php endif; ?>
    <?php 
    foreach ($this->items as $item) : ?>
    <tr class="sectionrow sectiontableentry<?php echo ($item->odd +) . $this->escape($this->params->get('pageclass_sfx')); ?>" >
        
        <?php if ($this->params->get('show_date')) : ?>
       


        <td>
            <?php echo $item->created?>
        </td>
        <?php endif; ?>
        <?php if ($this->params->get('show_title')) : ?>
        <?php if ($item->access <= $this->user->get('aid'0)) : ?>
        <td>
            <a href="<?php echo $item->link?>">
                <?php echo $this->escape($item->title); ?></a>
                <?php $this->item $item; echo JHTML::_('icon.edit'$item$this->params$this->access?>
        </td>
        <?php else : ?>
        <?php endif; ?>
        <?php endif; ?>
        <?php if ($this->params->get('show_author')) : ?>
        <td >
            <?php echo $this->escape($item->created_by_alias) ? $this->escape($item->created_by_alias) : $this->escape($item->author); ?>
        </td>
        <?php endif; ?>
        <?php if ($this->params->get('show_hits')) : ?>
        <td align="center">
            <?php echo $this->escape($item->hits) ? $this->escape($item->hits) : '-'?>
        </td>
        <?php endif; ?>
    </tr>
    <?php endforeach; ?>
    <?php 
    if ($this->params->get('show_pagination')) : ?>
    <tr>
        <td colspan="5">&nbsp;</td>
    </tr>
    <tr>
        <td align="center" colspan="4" class="sectiontablefooter<?php echo $this->escape($this->params->get('pageclass_sfx')); ?>">
            <?php echo $this->pagination->getPagesLinks(); ?>
        </td>
    </tr>
    <tr>
        <td colspan="5" align="right">
            <?php echo $this->pagination->getPagesCounter(); ?>
        </td>
    </tr>
    <?php endif; ?>
    </table>

    <input type="hidden" name="id" value="<?php echo $this->category->id?>" />
    <input type="hidden" name="sectionid" value="<?php echo $this->category->sectionid?>" />
    <input type="hidden" name="task" value="<?php echo $this->lists['task']; ?>" />
    <input type="hidden" name="filter_order" value="" />
    <input type="hidden" name="filter_order_Dir" value="" />
    <input type="hidden" name="limitstart" value="0" />
    </form>
    Denke das sollte passen, sag bescheid.
    Geändert von machartstudios (13.06.2010 um 10:40 Uhr)

  12. Erhielt Danksagungen von:


  13. #9
    Neu an Board Avatar von ~Flo~
    Registriert seit
    03.08.2007
    Ort
    Kleinsendelbach
    Alter
    22
    Beiträge
    82
    Bedankte sich
    37
    1 Danksagung in 1 Beitrag

    Standard

    Suuuper!!! Dankeschön!!!

    Jetzt muss ich nur noch den Rahmen hinbekommen mit den dazugehörigen Hintergrundfarben.

    Danke Jungs!

    Mfg ~Flo~

  14. #10
    Neu an Board Avatar von machartstudios
    Registriert seit
    13.06.2010
    Beiträge
    14
    Bedankte sich
    1
    Erhielt 7 Danksagungen
    in 7 Beiträgen

    Standard

    Zitat Zitat von ~Flo~ Beitrag anzeigen
    Jetzt muss ich nur noch den Rahmen hinbekommen mit den dazugehörigen Hintergrundfarben.
    Also
    .sectionrow td{border-bottom:1px solid #000}

    erstellt den Rahmen für jede Zeile unten.
    Oder mit einer Hintergrundfarbe:

    .sectionrow td{border-bottom:1px solid #000; background:#ccc}

    Wenn du der gesamten Tabelle einen Rahmen geben willst:
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    ersetzen durch
    <table width="100%" border="0" cellspacing="0" cellpadding="0" id="mytablename">

    und ins CSS

    .mytablename {border: 1px solid #000}

    Wie man aber die Reihen durchzählt um abwechselnde Hintergrundfarben zu erstellen, kann ich dir nicht verraten, dazu bin ich noch Joomlanoob...

    LG
    Eddi

  15. Erhielt Danksagungen von:


+ Antworten
Seite 1 von 2 1 2 LetzteLetzte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein