Anzeige

[Joomla 1.5] Dünne Linie zwischen Überschrift und Text

[Joomla 1.5] Dünne Linie zwischen Überschrift und Text | PSD-Tutorials.de

Erstellt von VirusX, 24.05.2009.

  1. VirusX

    VirusX Aktives Mitglied

    Dabei seit:
    23.08.2008
    Beiträge:
    418
    Geschlecht:
    männlich
    Software:
    Gimp, Blender, Inkscape
    [Joomla 1.5] Dünne Linie zwischen Überschrift und Text
    #1      
  2. Oehmy

    Oehmy Nicht mehr ganz neu hier

    Dabei seit:
    14.01.2008
    Beiträge:
    205
    Geschlecht:
    männlich
    [Joomla 1.5] Dünne Linie zwischen Überschrift und Text
    AW: [Joomla 1.5] Dünne Linie zwischen Überschrift und Text

    öhm, einfach eine Linie ziehen zwischen der Überschrift und dem Beitrag?

    z.B.:
    <hr style="color:#000000;background:#000000; height:1px; width:696px;" />

    kannst du gestalten wie du lustig bist.

    Wenn du das ganze automatisch haben will, muss du in deiner css Datei vom Template bei h1 oder h2 oder wo du es gerade drin haben willst, dort das styling verändern.
     
    #2      
  3. sokie

    sokie Mod | Web

    Dabei seit:
    23.03.2008
    Beiträge:
    5.338
    Geschlecht:
    männlich
    Ort:
    Bünde NRW
    Software:
    <br>COREL <br> Texteditor
    [Joomla 1.5] Dünne Linie zwischen Überschrift und Text
    AW: [Joomla 1.5] Dünne Linie zwischen Überschrift und Text

    Das nach der Überschrift folgende Element bekommt einfach zB ein border-top: 1px;
     
    #3      
  4. Oehmy

    Oehmy Nicht mehr ganz neu hier

    Dabei seit:
    14.01.2008
    Beiträge:
    205
    Geschlecht:
    männlich
    [Joomla 1.5] Dünne Linie zwischen Überschrift und Text
    AW: [Joomla 1.5] Dünne Linie zwischen Überschrift und Text

    so einfach ist das nicht, da dieses Element meistens nicht die ganze Breite ausfüllt ;)
     
    #4      
  5. cebito

    cebito undefined

    262
    Dabei seit:
    08.03.2008
    Beiträge:
    8.316
    Geschlecht:
    männlich
    Ort:
    Dresden
    Kameratyp:
    zum durchgucken
    [Joomla 1.5] Dünne Linie zwischen Überschrift und Text
    AW: [Joomla 1.5] Dünne Linie zwischen Überschrift und Text

    Ganz einfach in css, Bsp.:

    Code (Text):
    1.  
    2. h3 {
    3. font-family: Verdana, Arial, Helvetica, sans-serif;
    4. font-size:12px;
    5. color:#990000;
    6. line-height:40px;
    7. margin-bottom:20px;
    8. border-bottom: 1px solid #990000;
    9. }
    10.  
    Durch line-height bestimmst du den Abstand vom Überschriftentext zur Unterstreichung (minus der Texthöhe), mit margin-bottom den zum nachfolgenden Text.
     
    Zuletzt bearbeitet: 24.05.2009
    #5      
  6. Samuelll

    Samuelll Aktives Mitglied

    Dabei seit:
    02.02.2009
    Beiträge:
    783
    Geschlecht:
    männlich
    Ort:
    Hannover
    Software:
    PSCS5, Typo3, Joomla, Contao
    [Joomla 1.5] Dünne Linie zwischen Überschrift und Text
    AW: [Joomla 1.5] Dünne Linie zwischen Überschrift und Text

    Im CSS des Templates kannst du jedoch normalerweile der Überschrift einfach eine Weite zuweise.
    Somit sollte es leicht sein jede Überschrift zu editieren. Egal ob mit Farbe, Border oder sonstwas.
     
    #6      
  7. hey_jo

    hey_jo Noch nicht viel geschrieben

    Dabei seit:
    29.10.2006
    Beiträge:
    25
    Geschlecht:
    männlich
    [Joomla 1.5] Dünne Linie zwischen Überschrift und Text
    AW: [Joomla 1.5] Dünne Linie zwischen Überschrift und Text

    Mit dem Plugin Firebug für Firefox kann sehr schön die einzelnen Positionen nachvollziehen und ggf. ändern
     
    #7      
  8. Samuelll

    Samuelll Aktives Mitglied

    Dabei seit:
    02.02.2009
    Beiträge:
    783
    Geschlecht:
    männlich
    Ort:
    Hannover
    Software:
    PSCS5, Typo3, Joomla, Contao
    [Joomla 1.5] Dünne Linie zwischen Überschrift und Text
    AW: [Joomla 1.5] Dünne Linie zwischen Überschrift und Text

    Für das herausfinden der Boxen is auch die Webdeveloper Toobar für FF gut geeignet.
    Die beiden in Kombination sind echt Gold wert :)
     
    #8      
Seobility SEO Tool
x
×
×