Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- [CSS] Newkommentare Stylen? (https://www.gegen-bilderklau.net/thread.php?threadid=166622)


Geschrieben von Startpost-Retter am 30.12.2009 um 20:37:

  Newkommentare Stylen?

halli hallo. Ich hab mal wieder eine Frage und zwar würd ich gerne die Kommentare von meiner Seite wie bei www.giatu.de z.B Stylen. Ich hab zwar schon einige tips bekommen, nur die Helfen mir nicht wirklich weiter. Ich brauche zumindest einen Beispielcode oder so. Ich hoffe jemand kann mir helfen smile .



Geschrieben von Black Katrin am 30.12.2009 um 22:27:

 

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
<div class="comment_post">
                        	<div class="useravatar">
                            	<a href="user/1270" alt="zum Profil" title="zum Profil"><img src="avas/1270.png" border="0" height="50" width="50"></a><br><br>
                                                            </div>
                            <div class="comment">
                            	<div class="post">

                                    <h1>Eveline</h1>
                                    Find ich super! &lt;3                                    <div class="date">
                                    	29.12.2009 um 00.31 Uhr                                    </div>
                                </div>
                            </div>
                            <div class="spacer"></div>
                        </div>

http://www.giatu.de/news/57

css:
code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
/* KOMMENTARE */
.comment_post {
	float:center;
	margin:0 auto;
	text-align:left;
	width:490px;
}
.comment_post .useravatar {
	float:left;
	text-align:left;
	width:66px;
	padding:4px 4px 4px 4px;
	background:url(img/layout/comment_post_useravatar_bg.gif) top no-repeat;
}
.comment_post .comment {
	float:left;
	text-align:left;
	width:416px;
	background:#ececec;
}
.comment_post .comment .post {
	padding:3px 10px 10px 10px;
}
.comment_post .comment .post .date {
	text-align:right;
	color:#02427f;
	padding-top:10px;
}


mach ne test seite damit und guck obs geht.



Geschrieben von Black Katrin am 30.12.2009 um 22:44:

 

Augenzwinkern ich hab so programmieren gelernt (jedenfalls html und css) damals gabs noch kein liebes GB, kein msn, rein garnix XD nur beepworld und ich (und mein mac => kein editor Augenzwinkern )


Forensoftware: Burning Board, entwickelt von WoltLab GmbH