[Release] CSS/HTML Code vom Commentsystem

« Zurück zur Forumübersicht

« Zurück zu <Ankündigungen & News>

Thema: [Release] CSS/HTML Code vom Commentsystem
Autor Nachricht
100,4
Administrator
NNDesign

Beiträge: 179
Ort: Baden Württemberg

Verfasst am: 04.10.2009 - 14:37 Uhr
Post Titel: [Release] CSS/HTML Code vom Commentsystem
Hier die benötigten Codes um ein eigenes Design hinzubekommen!
*WICHTIG, derzeit ist es noch nicht möglich ein Design zu wählen, solange ist es nur mit der Eigenschaft !important möglich das Design zu verändern!*

Beispiel HTML Code schrieb:

<div id="cssxecx_full_comment">


<div id="comment_cssxecx_alert" style="display: block;">
<span id="comment_cssxecx_hinweis">
{Fenster wird sichtbar wenn Fehler vorhanden im Formular!}
</span>
</div>


<div id="cssxecx_c_write">
<h2 id="cssxecx_c_h2">Kommentar abgeben</h2>
<div class="cssxecx_d_row">
<input id="cssxecx_name" class="cssxecx_input" type="text" name="cssxecx_name"/>
Name/Nickname (Pflichtfeld)
</div>
<div class="cssxecx_d_row">
<input id="cssxecx_website" class="cssxecx_input" type="text" name="cssxecx_website"/>
Webseite (optional)
</div>
<div class="cssxecx_d_row">
<input id="cssxecx_mail" class="cssxecx_input" type="text" name="cssxecx_mail"/>
E-Mail (optional, wird nicht veröffentlicht!)
</div>
<div class="cssxecx_d_row">
<textarea id="cssxecx_comm" name="cssxecx_comm"/>
</div>
<div class="cssxecx_d_row">
<input id="cssxecx_submit" type="submit" value="Kommentar abgeben!" name="cssxecx_submit"/>
<input type="hidden" style="display: none;" value="/m=4.htm"/>
</div>
</div>
<div id="comment_cssxecx_loadingalert" style="display: none;"/>
<br/>
<br/>
<div class="cssxecx_eintrag">
<div class="cssxecx_c_t">
<span class="cssxecx_namet">{NAME} sagt:</span>
<span class="cssxecx_time">(Am {DATE} um {TIME} Uhr)</span>
</div>
<div class="cssxecx_txt">{COMMENTTEXT}</div>
</div>
</div>


CSS Code schrieb:

#cssxecx_c_write {
margin:5px;
border:none;
background:#F4F4F4;
padding:5px;
}
.cssxecx_d_row {
padding:2px;
}
.cssxecx_input {
padding:3px;
width:200px;
font-family:"Trebuchet MS", Verdana;
font-size:13px;
border:#666666 1px solid;
}
#cssxecx_comm {
padding:3px;
width:400px;
font-family:"Trebuchet MS", Verdana;
font-size:13px;
height:120px;
border:#666666 1px solid;
background:#FFFFFF;
}
#cssxecx_submit {
padding:3px;
width:300px;
font-family:"Trebuchet MS", Verdana;
font-size:13px;
}
#cssxecx_c_h2 {
margin:0;
}
#comment_cssxecx_alert {
background:#FF9FA2 url(http://img.webme.com/pic/n/nndesign/alert.png) no-repeat;
background-position:10px center;
border:#990000 1px solid;
margin:5px;
color:#990000;
height:64px;
padding:5px 5px 5px 75px;

}
#comment_cssxecx_loadingalert {
background:#FFF7D5;
border:#FFCC00 1px solid;
color:#EC8D00;
padding:5px;
}
.cssxecx_eintrag {
margin:5px;
background:#F7F7F7;
padding:5px;
}
.cssxecx_c_t {
border-bottom:1px solid #CCCCCC;
padding:2px;
margin:2px;
margin-bottom:5px;
}
.cssxecx_namet {
color:#333333;
font-weight:bold;
font-size:14px;
font-style:italic;
}
.cssxecx_time {
color:#666666;
font-size:10px;
}
.cssxecx_txt {
padding:8px;
}
Share |
Dieser Beitrag wurde zuletzt am 04.10.2009 - 14:55 von NNDesign editiert
Nach oben 0 0 0
Mitglied
ferdi-008

Beiträge: 79
Ort:

Verfasst am: 05. Jan 10 - 17:45 Uhr
cool
danke ;D
Nach oben 0
Mitglied
Username

Beiträge: 7
Ort:

Verfasst am: 06. Feb 10 - 13:24 Uhr
kann mir mal jemand das mit dem html code erklären das geht bei mir nicht
Nach oben 0
Mitglied
danielocity

Beiträge: 81
Ort: Leipzig

Verfasst am: 06. Feb 10 - 15:42 Uhr
interessiert mich auch mal...
Nach oben 0
Administrator
Administrator

Beiträge: 277
Ort:

Verfasst am: 07. Feb 10 - 11:18 Uhr
Was meint ihr mit HTML Code erklären.
Was versteht ihr da nicht?
Nach oben 0 0
Mitglied
danielocity

Beiträge: 81
Ort: Leipzig

Verfasst am: 07. Feb 10 - 11:45 Uhr
Na also mir geht es so mit dem CSS Code komme ich zurecht da haut alles hin wie ichs anpasse. Aber wenn ich den HTML Code einfüge steht da die Meldung halt das was nicht stimmt und in dem Feld wo man den Kommentar schreibt steht nochmal der Code. Ein Button gibt es gar nicht.
Muss ich da noch was anpassen oder wie? Ich habe jetzt einfach den HTML Code kopiert und bei mir eingefügt.
Nach oben 0
Mitglied
Username

Beiträge: 7
Ort:

Verfasst am: 07. Feb 10 - 13:45 Uhr
Jap das mein ich auch.
Nach oben 0
Administrator
Administrator

Beiträge: 277
Ort:

Verfasst am: 07. Feb 10 - 14:32 Uhr
Also es ist so, der HTML Code wurde nur gepostet, damit ihr sieht welche möglichkeiten ihr per CSS habt.
Also der HTML Code muss nicht reinkopiert, oder ähnliches, werden.
Nach oben 0 0
Mitglied
danielocity

Beiträge: 81
Ort: Leipzig

Verfasst am: 07. Feb 10 - 17:08 Uhr
Hm achso. Naja ich find das doof weil ich den gerne anpassen würde :)
Nach oben 0
Mitglied
wa3

Beiträge: 3
Ort:

Verfasst am: 18. Apr 10 - 00:36 Uhr
Thx
Nach oben 0
Mitglied
matz

Beiträge: 15
Ort:

Verfasst am: 28. Apr 10 - 11:01 Uhr
Also ich fänd es super, wenn Jeder den HTML Code selber gestalten könnte. Dass man hier auf der Seite die möglichkeit hat, den HTML-Code für sich persönlich anzupassen.
Denn ich möchte beispielsweise die Kommentare über dem Formular angezeigt haben und den benutzernamen mit einer Funktion aus einem Forum holen.
Also diese Funktion wäre echt super.

MFG Gamesalert
Nach oben 0
Mitglied
camiyo

Beiträge: 46
Ort:

Verfasst am: 16. Jul 10 - 13:08 Uhr
thx…… das hab ich gebraucht!
Nach oben 0
Mitglied
3poxachsemal10

Beiträge: 61
Ort:

Verfasst am: 31. Oct 10 - 13:38 Uhr
man muss aber den vorgefertigten html code nehmn und dazu dann den css code... nur dann klappts.
Dieser Beitrag wurde zuletzt am 31.10.2010 - 14:31 von 3poxachsemal10 editiert
Nach oben 0 0
Mitglied
chart

Beiträge: 152
Ort: NRW

Verfasst am: 26. Feb 11 - 20:54 Uhr
Ich fände es klasse wenn man den HTML Teil, oder zumindenst die Labels ändern könnte. Ich würde z.B. gerne jQuery Platzhalter in die inputs einfügen und das geht ohne den HTML Teil eben nicht.
Außerdem wäre es schon wenn der Text neben den Inputs auch mit <label for="input1"> o.Ä. beschriftet wird, das würde zur Usabilty beitragen ;)
Nach oben 0
Mitglied
Annis6

Beiträge: 1
Ort:

Verfasst am: 09. Aug 11 - 16:21 Uhr
entweder ich bin seit neusten blind oder ich sehe nicht den code beim css für
cssxecx_full_comment
weil dann kommt immer so ein weißer hintergrund auf meiner HP sieht das echt doof aus -.-
Kann mir jemand da helfen?
Nach oben 0
Administrator
Administrator

Beiträge: 277
Ort:

Verfasst am: 11. Aug 11 - 19:47 Uhr
@Annis6, wenn du was genau machst, passiert genau was?

Eine genaue Beschreibung (bestenfalls mit Screenshot) wäre echt toll, dann könnte ich mich damit etwas stärker beschäftigen.

Grüße,
spetools.de // Admin
Nach oben 0 0
Mitglied
Sadako

Beiträge: 1
Ort:

Verfasst am: 22. Jan 12 - 02:39 Uhr
sind denn auch die Seiten mit einem CSS-Element definiert? :)
Nach oben 0
Administrator
Administrator

Beiträge: 277
Ort:

Verfasst am: 22. Jan 12 - 16:40 Uhr
Was genau meinst du mit auch die Seiten?
Nach oben 0 0
Mitglied
AlGla

Beiträge: 4
Ort:

Verfasst am: 04. Mar 15 - 21:56 Uhr
So "einfach" gehts auch.
Vielen Dank, funktioniert wunderbar.
Nach oben 0
Mitglied
hbprogramming

Beiträge: 1
Ort:

Verfasst am: 21. Jun 17 - 10:47 Uhr
Dieser Beitrag wurde zuletzt am 21.06.2017 - 11:07 von hbprogramming editiert
Nach oben 0

QUICKLINKS
Copyright © 2009 - 2017 by spetools.de dein kostenloser und werbefreier Homepagetools Anbieter. Logo - spetools.de Logo - Webmastertools