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 3 weeks 1 day ago #1

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 3 weeks 21 hours ago #2

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 3 weeks 21 hours ago #3

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 3 weeks 21 hours ago #4

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 3 weeks 21 hours ago #5

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 3 weeks 15 hours ago #6

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 3 weeks 6 hours ago #7

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