| Thema: So wird's gemacht: Aktuelle Seite hervorheben |
| |
Hallo, liebe SuMa SE Gemeinde!
Heute habe ich mal wieder etwas aus der beliebten Rubrik:
| Zitat: |
|
Zugeschaut und Mitgebaut
|
Bestimmt hat es euch auch schon gestört, das
bei vielen Einträgen in einer Kategorie zwar unten
angezeigt wird wieviele Seiten denn diese Kategorie hat,
aber nicht in welcher Seite ich mich aktuell grade befinde.
Also, mich hat das irgendwie beschäftigt und ich habe
dazu die folgende Lösung erarbeitet.
1. Editiere die /gfx/style.css
Füge folgendes hinzu:
| Code: |
p.page-nav {
text-align: center;
margin-top: 8px;
}
p.page-nav a {
color: black;
text-decoration: none;
margin-right: 5px;
}
p.page-nav a.nr {
width: 10px;
height: 10px;
color: #cc0000;
border-color: #cc0000;
border-width: 1px;
border-style: solid;
text-decoration: none;
font-size: 10px;
padding: 0 2px 0 2px;
background-color: white;
}
p.page-nav a.nr:hover, p.page-nav a.active {
color: #fff;
background-color: #cc0000;
}
|
Passe das oben eingefügte an Deine Farben etc. an 
Öffne die rubriken.php mit einem beliebigen Editor und suche
die folgende Stelle:
| Code: |
<td class=\"date\">
Seite: $pgarray
</td>
|
Ersetze mit diesem Code:
| Code: |
<td class=\"date\">
<p class=\"page-nav\">
Seite: $pgarray
</p>
</td>
|
Suche in der rubriken.php folgenden Teil:
Entferne das obere bis und einschliesslich mit
Setze dafür an die selbe Stelle ein:
| Code: |
while ($n < $pg) {
if ($n == 1) {
if ($page != 0) {
$pgarray .= "<a class=\"nr\" href=\"$dirurl/$www.html\">$n</a> ";
}
else
{
$pgarray .= "<a class=\"nr active\" href=\"$dirurl/$www.html\">$n</a> ";
}
} else {
if ($page +1 == $n) {
$pgarray .= "<a class=\"nr active\" href=\"$dirurl/$www.$n.html\">$n</a> ";
}
else
{
$pgarray .= "<a class=\"nr\" href=\"$dirurl/$www.$n.html\">$n</a> ";
}
}
$n++;
}
|
Fertig.
Wie das aussieht und funktioniert, siehst Du z.B. unter
http://katalog.kontaktanzeigen.net/kontaktanzeigen-und-singleboersen.4.html
ganz unten auf der Seite.
--
Anstelle von Blumen oder sonstigen Spenden und Danksagungen,
freue ich mich immer wieder über wohlgemeinte Links auf meine Homepage.
Fühl Dich also ungeniert aufgefordert, einen Link auf
http://katalog.kontaktanzeigen.net/
oder die Hauptseite
http://www.kontaktanzeigen.net
zu setzen, wenn Du das, was ich Dir oben erklärt habe, auch
in Deinem Katalog verwenden möchtest.
Fairplay, oder?
Viele Grüsse
Uwe
|
|
|
| |
| |
Einen Dank an Uwe für das Tutorial.
|
|
|
|
| |
| |
 |
|
