Welcome, Guest
Username: Password: Remember me
Bitte posten sie hier in deutscher Sprache! Und vergessen sie nicht anzugeben, um welches Template und welche Joomla Version es sich bei ihrer Frage handelt.

TOPIC: horizontale Linien wie im Classic-Template

horizontale Linien wie im Classic-Template 11 months 3 weeks ago #1

  • crazy-to-bike
  • crazy-to-bike's Avatar
  • Offline
Hallo,

ich würde gerne horizontale Linien erstellen, wie sie beim Classic Template unter den Artikel- und Modultiteln erscheinen.
<hr> ist klar, nur finde ich trotz Entwicklerwerkzeuge zur Seitenanalyse nicht heraus, welche div-Klasse ich da angeben muss.
Können Sie mir das bitte mitteilen?
The administrator has disabled public write access.

horizontale Linien wie im Classic-Template 11 months 3 weeks ago #2

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
Hallo,
fügen sie folgenden CSS code in ihre css/custom.css ein.
Die "hr" bringt in dem Fall nichts, da sie die "hr" immer manuell eingeben müssten
/* Article Title
========================================================================== */
h3.uk-panel-title{
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
padding-bottom: 10px;
position:relative;
}

h3.uk-panel-title::after{
bottom: 0;
content: "";
height: 3px;
left: 0;
position: absolute;
width: 30px;
}

/* Module Title
========================================================================== */
h1.uk-article-title{
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
margin-top: 20px;
padding-bottom: 10px;
position:relative;
}

h1.uk-article-title::after{
bottom: 0;
content: "";
height: 3px;
left: 0;
position: absolute;
width: 30px;
}
The administrator has disabled public write access.

horizontale Linien wie im Classic-Template 11 months 3 weeks ago #3

  • crazy-to-bike
  • crazy-to-bike's Avatar
  • Offline
Hallo,

ich verstehe noch nicht, wie ich diese horizontalen Linien dann an beliebiger Stelle in einen Text einfügen kann.
The administrator has disabled public write access.

horizontale Linien wie im Classic-Template 11 months 3 weeks ago #4

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
Das würde dann über eine "hr class" gehen:
/* HR
========================================================================== */
hr{
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
margin-bottom: 20px;
padding-bottom: 10px;
position:relative;
}

hr::after{
bottom: 0;
content: "";
height: 3px;
left: 0;
position: absolute;
width: 30px;
}
The administrator has disabled public write access.

horizontale Linien wie im Classic-Template 11 months 3 weeks ago #5

  • crazy-to-bike
  • crazy-to-bike's Avatar
  • Offline
Hallo,

ich glaube ich stehe auf dem Schlauch.
Ich habe das in die custom.css eingefügt, aber <hr> erzeugt noch immer einer normale Linie.
The administrator has disabled public write access.

horizontale Linien wie im Classic-Template 11 months 3 weeks ago #6

  • joomlaplates
  • joomlaplates's Avatar
  • Offline
Die Linie ist der "border-bottom".
Diesen müssen sie natürlich auf ihre Farbe anpassen..
The administrator has disabled public write access.

horizontale Linien wie im Classic-Template 11 months 3 weeks ago #7

  • crazy-to-bike
  • crazy-to-bike's Avatar
  • Offline
Hallo,

ich musste den Code etwas neu sortieren, damit die Linie so aussieht wie bei den Modul- und Beitragsüberschriften, aber jetzt sieht es genau gleich aus.
hr{
position:relative;
}

hr::after{
border-bottom: 3px solid rgba(112, 0, 0, 0.9);
bottom: 0;
content: "";
height: 1px;
left: 0;
margin-bottom: 1px;
padding-bottom: 1px;
position: absolute;
width: 30px;
}
The administrator has disabled public write access.
Moderators: joomlaplates