Benutzerliste 2-Spaltig
Eingetragen von christianpeters (12)am 26.12.2007 - 10:54 Uhr in
Hallo zusammen,
ich bin einfach am Verzweifeln - Wie kriege ich diese wunderschöne Benutzerliste wie auf der Website hier hin? Ich erhalte immer nur eine einzelne Spalte und direkt alle Userinfos im Kästchen usw. Mein Theme ist "LiteJazz".
Kann mir einer da weiterhelfen? Danke schonmal...
- Anmelden oder Registrieren um Kommentare zu schreiben
Das ist einfaches CSS,
am 26.12.2007 - 11:29 Uhr
Das ist einfaches CSS, richte die Klasse "profile" mit float:left aus und gebe eine feste Breite an.
gruß pebosi
Re: Benutzerliste 2-Spaltig
am 26.12.2007 - 11:32 Uhr
Schreibe entsprechende CSS-Angaben, vielleicht in der
style.cssdeines Themes. Beispiel:.profile {float: left;
width: 40%;
height: 5em;
}
--
danke! das war schon mal der
am 26.12.2007 - 21:39 Uhr
danke! das war schon mal der erste schritt auf einem langem Pfade... :-)
die angezeigten Felder kann man damit zwar nicht konfigurieren, aber für alle, die damit Hilfe suchen, klickt hier: http://drupal.org/node/46156
einspaltig mit Rahmen
am 07.02.2008 - 09:02 Uhr
Hier schonmal der nächste Schritt.
.profile {
float: left;
width: 40%;
outline:1px dotted #d9d9ff;
padding:4px;
margin:6px;
}
Wenn ich herausbekomme, wie man diese "Visitenkarten" noch zweispaltig hinbekommt, meld ich mich wieder.
Lösung
am 14.02.2008 - 19:09 Uhr
Die Lösung ist auf folgender Seite zu finden:
http://drupal.org/node/90248
Ich habe den code erweitert und angepasst:
/*BENUTZERLISTE*/#profile .profile {
width: 45%;
height: 150px;
margin-right: 10px;
float: left;
clear: none;
margin-bottom: 0px;
_word-wrap: break-word;
border: 1px dotted #7F98A7; /*od. "solid"*/
padding:4px;
margin-bottom: 1em;
position: relative; /* avoid IE peekaboo bug */
}
Bei "width: 30%;" bekommt man drei Spalten.
Den Code am Schluss von style.css des jew. Themes einfügen.
Für die Einzelansicht des Profils:
/*EINZELPROFILSEITE*/.profile h2.title { /*Profilblocküberschrift*/
margin-top:13px;
border-bottom-width: 0px;
border-bottom-style: solid;
}
.profile dd { /*rechte Spalte (Feldinhalte)*/
min-height:10px;
margin:5px;
margin-top:8px;
margin-left:150px;
margin-bottom:0px;
padding:0px;
width:300px;
height:auto;
position: relative;
border-bottom: 0px dotted #d9d9ff;
}
.profile dt { /*linke Spalte (Felddefinitionen)*/
width:130px;
background-color: #DEE;
border-bottom: 0px solid white;
float:none;
margin-bottom: -30px;
}
lg migas
Nachfrage
am 04.09.2008 - 16:32 Uhr
Hallo Zusammen
Ich weiss, das diese Thema schon lange abgeschlossen ist... Ich habe aber noch eine Nachfrage...
Weiss jemand, wie ich mit der vorliegenden Lösung auch noch die Benutzernamenlinks in der Liste anders einfärben kann? Ich würde gerne die Benutzernamen vom rest der Profillinks abheben mit anderen Farben und blick da bei css zuwenig durch.
Gruss
CSS
am 04.09.2008 - 16:48 Uhr
Moin!
Ich würde gerne die Benutzernamen vom rest der Profillinks abheben mit anderen Farben und blick da bei css zuwenig durch.
Installiere Dir Firebug (bekommt man eigentlich irgendwelche Gimmicks, wenn man den Namen pro Tag mehr als 20x nennt?), dann kannst Du herausfinden, ob die Links eine spezielle CSS-Klasse haben.
Beispiel (mit umgebenden Containern):
<div class="node"><div class="profile">
...<a href="user/1" class="profile-link">Nutzer</a>
</div>
</div>
Dann ist der Weg zum Link:
a.profile-link {color: #ff0000;}/* oder */
.node .profile a {color: #ff0000;}
/* oder ... */
hth,
Stefan
thanx hat voll geklappt...
am 04.09.2008 - 17:27 Uhr
thanx
hat voll geklappt... gruss c08w38