:: ClanSphere :: Free OpenSource Clan CMS :: - Forum

Antworten: 4

Seite [1]

StE_x3

Beginner

Beiträge: 2

# Thema - 22.02.2011 um 21:00 Uhr

Gute Tag ,
ich wollte mal schnell fragen ob es möglich wäre dass das Design der Shoutbox in ne Art Sprechblasen ist wie auf der Seite : dog-gaming.de
Ich finde die Shoutbox etwas unübersichtlich

würde mich über antwort freuen
mit Freundlichen Grüßen StE_x3

Inaktiv

palle

Supporter

Beiträge: 3073

# Antwort: 1 - 22.02.2011 um 21:16 Uhr

Tach,
klar ist das möglich! Mit etwas CSS & HTML Kenntnissen eigentlich ganz einfach umzusetzen.

Hier findest du fertige beispiele: http://www.devwebpro.com/5-popular-css-speech-bubbles/

Solltest du fragen haben...FRAG

PS. willkommen bei CSP

"edit"
das hier -> themes/deinthemeset/shoutbox/navlist.tpl <- wäre das gute Stück.

------------------

I like the part where it says 'nyan'

Inaktiv

StE_x3
Thread-Ersteller

Beginner

Beiträge: 2

# Antwort: 2 - 23.02.2011 um 13:18 Uhr

Okay dankeschön
Will jetzt dis Design einfügen http://www.gamexe.net/photoshop/fluid-css-speech-bubbles/ Zuerst muss ich ja diese bilder da aufn ftp server hochladen . Musss ich die codes die da stehn alle in themes/deinthemeset/shoutbox/navlist.tpl einfügen?
Bin leider nurn anfänger kenn mich nur mit html aus

Inaktiv

bFeeee

Just nerd

Herkunft: Hamm
Beiträge: 944

# Antwort: 3 - 23.02.2011 um 13:40 Uhr

ja die codes müssen mit der navlist.tpl bearbeitet werden

------------------
Grüße bFeee

Inaktiv

StE_x3
Thread-Ersteller

Beginner

Beiträge: 2

# Antwort: 4 - 23.02.2011 um 17:32 Uhr

Hmm aber wie genau mache ich das ?
In meiner Navlist.tpl steht :

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.

1. / 2. / ...

<div style="overflow:auto; height:{height:shoutbox}px" id="cs_shoutbox_navlist2">
{loop:shoutbox}
  <div style="text-align:left; color:#{color:shoutbox};">{shoutbox:shoutbox_name}<hr style="width:100%" /></div>
  <div style="padding-left:3px;">{shoutbox:shoutbox_text}</div>
  <hr style="width:100%" />
  <div style="text-align:right; color:#{color:shoutbox};"><font size="1">({shoutbox:shoutbox_date})</font></div>
  <br />
  {stop:shoutbox}
</div>
<br />

<form method="post" id="shout_navlist" name="shout_navlist" action="{form:url}">
<fieldset style="border: 0; padding: 0">
  <input type="text" name="sh_nick" value="{form:nick}" onfocus="if(this.value=='Nick') this.value=''" onblur="if(this.value=='')this.value='Nick'" maxlength="40" size="15" /> {characters_left:shoutbox}<br />
  <textarea  name="sh_text" id="sh_text" cols="15" rows="0" class="form" maxlength="500" onkeydown="CheckLen(this)" onkeyup="CheckLen(this)" onfocus="CheckLen(this)"  wrap="VIRTUAL"  onchange="CheckLen(this)"></textarea><br />
  {if:captcha}
  <input type="text" name="captcha" value="" maxlength="3" size="3" /> {captcha:img}
  {stop:captcha}<br />
<input type="submit" name="submit" value="Speichern" />
<input type="hidden" name="uri" value="{form:uri}" />
</fieldset>
</form>
<br />
{abcode:smileys}
<a href="{url:archieve}">{lang:archieve}</a>

Was muss ich ändern ?

Zuletzt editiert von StE_x3 am 23.02.2011 um 17:33 Uhr (1x Editiert)

Inaktiv

Antworten: 4

Seite [1]

Sie müssen sich registrieren, um zu antworten.

Forum - Thema
Nächstes Thema ->
Forum -> Module -> Allgemein (Module) -> Shoutbox Design