Profil bei Beiträgen links

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.0.x, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
phpBB Styles Demo
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich, besser noch die URL vom betroffenen Forum.
Benutzeravatar
Mahony
Ehemaliges Teammitglied
Beiträge: 12179
Registriert: 17.11.2005 22:33
Wohnort: Ostfildern Kemnat
Kontaktdaten:

Beitrag von Mahony »

Hallo 60seconds
Sag mal, hast du das Posting von BaerchenHH auch wirklich gelesen und verstanden?

Das ist kein Fehler, sondern völlig normal. Auch in einem Standard prosilver, wird das Profil nicht in der Vorschau angezeigt.




Grüße: Mahony
Taekwondo in Berlin
Wer fragt, ist ein Narr für fünf Minuten, wer nicht fragt, ist ein Narr für immer.
Benutzeravatar
BaerchenHH
Mitglied
Beiträge: 1067
Registriert: 29.02.2008 01:42
Wohnort: Hamburg

Beitrag von BaerchenHH »

Danke Mahony, du nimmst mir die Worte aus dem Mund...

Bei mir bleibt aber das "Avatar vs. online.gif"-Problemchen. Ich bin zu DAU für die Lösung - das ist mir zu hoch...
Bitte bitte, wer ist bereit, mir die Lösung zu verraten???
Meistens sitzt der Fehler nicht im Computer, sondern davor... :D :D

Das Diskussionsforum für Schule und Bildung: http://www.SchulBildungsForum.de
60seconds
Mitglied
Beiträge: 18
Registriert: 01.07.2008 16:35

Beitrag von 60seconds »

Mahony hat geschrieben:Sag mal, hast du das Posting von BaerchenHH auch wirklich gelesen und verstanden?
Gelesen hab ich sein Posting sogar mehrmals... Verstanden habe ich es aber nicht!

Aber wenn man mir das normal sagt, verstehe ich es! :lol:

Danke!
Benutzeravatar
BaerchenHH
Mitglied
Beiträge: 1067
Registriert: 29.02.2008 01:42
Wohnort: Hamburg

Beitrag von BaerchenHH »

Nachdem ich mich nach etwas längerer Zeit nochmal um diese baustelle gebuddelt habe, habe ich mir den "z-index"-Vorschlag von Dakota nochmal zur Brust genommen und in der theme/content.css in dem Bereich

Code: Alles auswählen

.avatar {
	z-index:1;
	border: none;
	margin-bottom: 3px;
}

.online {
	z-index:2;
	background-image: none;
	background-position: 0% 0;
	background-repeat: no-repeat;
}
(hier mit z-index) etwas rumgespielt...

Ich muß leider vermelden, daß der Vorschlag mit "z-index" nicht hinhaut...
weder in verschiedenen Zeilen, noch ein Tausch der index-Werte brachte einen Erfolg!

Habe ich die Falsche Stelle oder gar falsche Datei am Wickel??? Gibt doch nur diese eine, die sich auf die Position bezieht, oder?
(Werde noch bald wahnsinnig :-? ...
Meistens sitzt der Fehler nicht im Computer, sondern davor... :D :D

Das Diskussionsforum für Schule und Bildung: http://www.SchulBildungsForum.de
Seether
Mitglied
Beiträge: 1446
Registriert: 10.10.2002 23:42

Beitrag von Seether »

Also ich habe die Sachen wie angegeben verändert, klappt so weit auch ganz gut.
Allerdings verschiebt sich nun etwas im Profil.
Benutzername:
Wohnort:
Interessen:
Gruppen:
Alles was dahinter steht, ist ein paar px zu weit nach oben gerutscht und sieht nicht schön aus.

Entferne ich aus folgendem Ausdruck:

Code: Alles auswählen

<div class="panel bg1 online">
das online, dann ist es wieder normal.

Jemand ne Idee?
mbg
Mitglied
Beiträge: 79
Registriert: 07.10.2008 00:45

Beitrag von mbg »

Das war mein langer Weg, bis es so aussah, wie ich wollte:

styles/prosilver/theme/content.css


Suche:

Code: Alles auswählen

/* Post body styles
----------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: left;
clear: both;
}
Ersetze mit:

Code: Alles auswählen

/* Post body styles
----------------------------------------*/
.postbody {
padding: 0;
line-height: 1.48em;
color: #333333;
width: 76%;
float: right;
clear: both;
}


Suche:

Code: Alles auswählen

/* Poster profile block
----------------------------------------*/
.postprofile {
/* Also see tweaks.css */
margin: 5px 0 10px 0;
min-height: 80px;
color: #666666;
border-left: 1px solid #FFFFFF;
width: 22%;
float: right;
display: inline;
}


Ersetze mit:

Code: Alles auswählen

/* Poster profile block
----------------------------------------*/
.postprofile {
/* Also see tweaks.css */
margin: 5px 0 10px 0;
min-height: 80px;
color: #666666;
border-right: 1px solid #FFFFFF;
width: 22%;
float: left;
display: inline;
}



Suche:

Code: Alles auswählen

.pm .postprofile {
border-left: 1px solid #DDDDDD;
}

Ersetze mit:

Code: Alles auswählen

.pm .postprofile {
border-right: 1px solid #DDDDDD;
}


Suche:

Code: Alles auswählen


.online {
   background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
}

Ersetze mit:

Code: Alles auswählen

.online {
   background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
background-position: 100% 0; 
   margin-top: 5px;
}

.online dt {
   margin-top: 5px;
}





3. styles/prosilver/template/viewtopic_body.html

Suche:

Code: Alles auswählen


<div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF postrow.S_ONLINE --> online<!-- ENDIF -->">
Ersetze mit:

Code: Alles auswählen

<div id="p{postrow.POST_ID}" class="post <!-- IF postrow.S_ROW_COUNT is odd -->bg1<!-- ELSE -->bg2<!-- ENDIF --><!-- IF postrow.S_UNREAD_POST --> unreadpost<!-- ENDIF --><!-- IF postrow.S_POST_REPORTED --> reported<!-- ENDIF -->">
Suche:

Code: Alles auswählen


dl class="postprofile" id="profile{postrow.POST_ID}">
Ersetze mit:

Code: Alles auswählen

<dl class="postprofile<!-- IF postrow.S_ONLINE --> online<!-- ENDIF -->" id="profile{postrow.POST_ID}">


4. styles/prosilver/template/ucp_pm_viewmessage.html


Suche nach:

Code: Alles auswählen

<div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF --><!-- IF S_ONLINE --> online<!-- ENDIF -->">
Ersetze mit:

Code: Alles auswählen

<div id="post-{MESSAGE_ID}" class="post pm<!-- IF S_POST_UNAPPROVED or S_POST_REPORTED --> reported<!-- ENDIF -->">
Suche nach:

Code: Alles auswählen

<dl class="postprofile" id="profile{MESSAGE_ID}">
Ersetze mit:

Code: Alles auswählen

<dl class="postprofile<!-- IF S_ONLINE --> online<!-- ENDIF -->" id="profile{MESSAGE_ID}">







Danach kam der nächste Schritt:

in der content.css

Code: Alles auswählen

.online {
   background-image: url("{T_IMAGESET_LANG_PATH}/icon_user_online.gif");
background-position: 100% 0;
background-repeat: no-repeat;
   margin-top: 5px;
}

Dann nochmals angepaßt:

content.css
Prozentwerte:
79%
19%
100%


Noch eine Änderung:
content.css

Ändern in:

Code: Alles auswählen

/* Post signature */
.signature {
        margin-top: 1.5em;
        padding-top: 0.2em;
        font-size: 1.1em;
        border-top: 2px solid #CCCCCC;
        clear: left;
        line-height: 140%;
        overflow: hidden;
        width: 100%;
}

und zu guter letzt:

content.css

anpassen in :

Code: Alles auswählen

/* Poster profile block
----------------------------------------*/
border-right: 2px solid #FFFFFF;



Viel Erfolg!

Grüße Karsten
GreyAstra
Mitglied
Beiträge: 34
Registriert: 07.11.2008 14:50

Beitrag von GreyAstra »

standardmässig ist das Profil rechts, habe es nun auch auf Links geändert. Mein Problem im moment ist der senkrechte dünne Balken, wo das Profilfeld rechts war immer noch rechts vom Profilfeld ist. Möchte den Balken nun aber links haben.
Wie finde ich den oder ist der beschrieben?
AKAN
Mitglied
Beiträge: 68
Registriert: 27.09.2008 12:07

Beitrag von AKAN »

GreyAstra hat geschrieben:standardmässig ist das Profil rechts, habe es nun auch auf Links geändert. Mein Problem im moment ist der senkrechte dünne Balken, wo das Profilfeld rechts war immer noch rechts vom Profilfeld ist. Möchte den Balken nun aber links haben.
Wie finde ich den oder ist der beschrieben?
Ja genau, du meinst diesen Trennbalken, der ist bei mir auch immernoch links....
AKAN
Mitglied
Beiträge: 68
Registriert: 27.09.2008 12:07

Beitrag von AKAN »

Push...
GreyAstra
Mitglied
Beiträge: 34
Registriert: 07.11.2008 14:50

Beitrag von GreyAstra »

mmh ich glaub kann grad keiner helfen
Antworten

Zurück zu „[3.0.x] Styles, Templates und Grafiken“