Hallo,
ich habe mir das 01Artikelsystem von 01scripts runtergeladen und weitgehenst anpassen können.
Ein Problem habe ich aber.
Siehe erstmal selbst: meladie.de | German RnB, Rap, HipHop, Pop & Soul - Freedownloads
Unter "Releases | News" ist der Script.
Ich hätte es nun gerne so:
Datum -- Artikeltext
Kategoriebild -- Artikeltext
Artistname/Kategorie Name -- Artikeltext
frei -- Artikeltext (wenn so viele Absätze vorhanden)
Diese drei Elemente in einem link gefloatetem Element.
Rechts daneben den Artikeltext selbst.
Warum?
Wie man sieht: Wenn der Artikeltext mehr Zeilen hat, als das Bild hoch ist, rutscht der Text direkt unter das Kategoriebild.
Es soll aber frei bleiben.
Wie in einem Forum. Links Avatar, darunter paar Informationen, rechts der Beitrag.
Und sobald ich mehr als eine Kategorie ausgewählt habe, werden die beiden (oder mehr) nebeneinander angeordnet, statt untereinander.
Beispiel: Die News vom 18.12.2009
Kategorien: Kyra und SheCha
Soll aber so sein:
Kyra Bild
Artist: Kyra
SheCha Bild
Artist: SheCha
Zurzeit ist es so:
Kyra Bild - SheCha Bild - Artikeltext
Artikeltext geht hier weiter, leider unter den Bildern.
Unter dem Artikeltext selbst kommen dann die Kategorienamen (Artist: x)
Ich hoffe, ich konnte es richtig erklären.
Hier die CSS:
HTML:
Edit:
.
ich habe mir das 01Artikelsystem von 01scripts runtergeladen und weitgehenst anpassen können.
Ein Problem habe ich aber.
Siehe erstmal selbst: meladie.de | German RnB, Rap, HipHop, Pop & Soul - Freedownloads
Unter "Releases | News" ist der Script.
Ich hätte es nun gerne so:
Datum -- Artikeltext
Kategoriebild -- Artikeltext
Artistname/Kategorie Name -- Artikeltext
frei -- Artikeltext (wenn so viele Absätze vorhanden)
Diese drei Elemente in einem link gefloatetem Element.
Rechts daneben den Artikeltext selbst.
Warum?
Wie man sieht: Wenn der Artikeltext mehr Zeilen hat, als das Bild hoch ist, rutscht der Text direkt unter das Kategoriebild.
Es soll aber frei bleiben.
Wie in einem Forum. Links Avatar, darunter paar Informationen, rechts der Beitrag.
Und sobald ich mehr als eine Kategorie ausgewählt habe, werden die beiden (oder mehr) nebeneinander angeordnet, statt untereinander.
Beispiel: Die News vom 18.12.2009
Kategorien: Kyra und SheCha
Soll aber so sein:
Kyra Bild
Artist: Kyra
SheCha Bild
Artist: SheCha
Zurzeit ist es so:
Kyra Bild - SheCha Bild - Artikeltext
Artikeltext geht hier weiter, leider unter den Bildern.
Unter dem Artikeltext selbst kommen dann die Kategorienamen (Artist: x)
Ich hoffe, ich konnte es richtig erklären.
Hier die CSS:
PHP:
/* Äußere Box für den gesamten Artikel-Bereich - DIV selber (id = 01article) */
#_01article{
text-align:left;
}
.box_out{
width: 100%;
margin: 0 auto;
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000;
}
/* Link-Definitionen (box_out) */
.box_out a:link,.box_out a:visited {
text-decoration: underline;
color: #286ea0;
}
.box_out a:hover {
text-decoration: none;
color: #303030;
}
.artikel_headline {
width:100%;
}
/* Artikel-Titel (innerhalb von artikel_headline) */
h2.titel{
font-weight:bold;
font-size:17px;
color:#000;
height: 28px;
line-height: 28px;
text-decoration:none;
}
/* Link-Definitionen (titel) */
.titel a:link, .titel a:visited {
text-decoration:none;
border:0;
color:#286ea0;
}
/* Informationen zum Artikel unterhalb des Titels */
.headline_small, .footline_small {
width:100%;
font-size:12px;
text-decoration:none;
text-transform: none;
font-weight: bold;
font-family: verdana, tahoma, sans-serif;
}
/* Link-Definitionen (artikel_headline) */
.artikel_headline a:link,.artikel_headline a:visited {
text-decoration: underline;
color: #286ea0;
}
.artikel_headline a:hover {
text-decoration: none;
color: #303030;
}
/* Aussehen der Artikel-DIV-Box */
.artikel_textbox {
border-bottom: 0px dotted #999;
min-height: 80px;
}
/* Aussehen der Artikel-Texte / der Artikel-DIV-Box */
.artikel_text, body.mceContentBody {
font-size:12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000;
}
/* Link-Definitionen (artikel_text) */
.artikel_text a:link, .artikel_text a:visited, .mceContentBody a {
text-decoration: underline;
color: #286ea0;
}
.artikel_text a:hover {
text-decoration: none;
color: #303030;
}
/* CSS-Eigenschaten für das Kategorie-Bild */
.artikel_catimg img {
text-align:left;
float:left;
padding:0px 5px 0px 0px;
}
/* Definition für TABELLE mit der Seiten-Navigation */
.table_page {
padding-top:10px;
width:100%;
border:0;
}
/* Textdefinition für Seiten-Navigation (Vor, Zurück etc.) */
.page_text {
font-size:12px;
text-decoration:none;
}
/* Definition für Tabellenabschnitt mit weiteren Feldern (Suchbox, RSS, Archiv, Seiten etc.) */
.table_page_fields {
padding-top:10px;
width:auto;
border:0;
}
.table_page_fields td {
padding:5px;
}
/* Tabelle für Archiv-Ansicht */
.table_archiv {
width:100%;
border:0;
}
.table_archiv td {
padding:5px;
}
.table_archiv_headline {
font-weight:bold;
}
/* Definition für Kommentar-Box (Anzeige von Kommentaren) */
.commentbitbox {
width:100%;
text-align:left;
border: 0px dotted #999;
padding:8px;
}
.comment_text {
font-size:12px;
text-decoration:none;
}
/* Definition für "Kommentar-Hinzufügen"-Tabelle */
.commentaddbox {
width:100%;
text-align:left;
border: 0px dotted #999;
padding:8px;
}
/* Aussehen von kleinem Text */
.small01acp, .small01acp a:link,.small01acp a:visited {
font-size:10px;
text-decoration:none;
text-transform: none;
font-family: Arial, Helvetica, sans-serif;
}
.small01acp a:link,.small01acp a:visited {
text-decoration:underline;
}
.box_out a:hover {
text-decoration: none;
}
/* Hervorgehobener, wichtiger Text */
.highlight {
font-weight:bold;
color:red;
}
/* Formular-Elemente */
/* Normales Textfeld */
.input_field {
}
/* Formular-Buttons */
.input_button {
}
/* Dropdown-Boxen */
.input_selectfield {
}
/* Rahmen bei Bildern mit Link entfernen */
img {
border: 0;
}
.float_left {
text-align:left;
float:left;
}
.float_right {
text-align:right;
float:right;
}
/* Copyright-Hinweis */
/* Sichtbare Hinweis darf ohne eine entsprechende Lizenz NICHT entfernt werden! */
.copyright {
padding-top:10px;
font-size:9px;
color:#696969;
text-decoration:none;
}
.lightbox {
}
PHP:
<!-- #fv.3002# -->
<a name="01id<?php echo $row['id']; ?>"></a>
<div class="artikel_self">
<div class="artikel_headline">
<br />
<hr>
<?php if ($row['hide_headline'] == 0 || $static == 0): ?>
<p class="headline_small float_left">
<?php echo $datum; ?> •
</p>
<?php endif; ?>
</div>
<div class="artikel_text artikel_textbox">
<?php if (!empty($catimg) && !empty($catname)): ?>
<p class="artikel_catimg">
<?php echo $catimg; ?>
</p>
<?php endif; ?>
<?php echo $artikeltext; ?>
<?php echo $signatur; ?>
<?php if ($more == 1): ?>
<p class="footline_small">
<a href="<?PHP echo $system_link_row; ?>#01id<?PHP echo $row['id']; ?>">Kompletten Artikel lesen »</a>
</p>
<?php endif; ?>
<p class="footline_small">
<?php if ($settings['comments'] == 1 && $settings['artikelcomments'] == 1 && $row['comments'] == 1): ?><a href="<?php echo $system_link_row; ?>#01jumpcomments">Kommentare</a> (<?php echo $comments; ?>)<?php endif; ?>
<?php if(!empty($catname)): ?>
<div style="font-size:10px;">Artist: <?PHP echo $catname; ?></div>
<?php endif; ?>
</p>
</div>
</div>
<?php if(isset($_GET[$names['artid']]) && !empty($_GET[$names['artid']]) && $_GET[$names['artid']] != "archiv" && $static == 0): ?>
<table align="center" class="table_page page_text">
<tr>
<td width="33%" align="left">
<?php if(!empty($next_titel)): ?>
<a href="<?PHP echo $next_link; ?>">« <?PHP echo $next_titel; ?></a>
<?php endif; ?>
</td>
<td align="center" width="33%">
<a href="<?PHP echo $system_link_index; ?>#01id<?PHP echo $_GET[$names['artid']]; ?>">» Zurück zur Übersicht «</a>
</td>
<td width="33%" align="right">
<?php if(!empty($prev_titel)): ?>
<a href="<?PHP echo $prev_link; ?>"><?PHP echo $prev_titel; ?> »</a>
<?php endif; ?>
</td>
</tr>
</table>
<?php endif; ?>
Zuletzt bearbeitet:
)
) in einen Div gesteckt, da es sich um mehrere Elemente handelt und ich die komplette Gruppe Links halten will. 