Symbol Bar

  • Seite 4 von 5
16.02.2011 12:57
avatar  SamSam ( gelöscht )
#46 RE: Symbol Bar
Sa
SamSam ( gelöscht )

Hier ist der Code; zu sehen, die zwei Boxen ganz vorne:

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
 
<div class="iconbar" style="position: relative; display: inline;">
<select name="fontsize" size="1" style="background-color:"#f5f5dc" Font-color:"#000000" onChange="if(options[selectedIndex].value){ insert(options[selectedIndex].value,'[/style]');}; this.form.fontsize.options[0].selected = true;">
<option selected>Schriftgröße</option>
<option value="[style=font-size:4pt]" title="4pt">4pt</option>
<option value="[style=font-size:7pt]" title="7pt">7pt</option>
<option value="[style=font-size:10pt]" title="10pt">10pt</option>
<option value="[style=font-size:11pt]" title="11pt">11pt</option>
<option value="[style=font-size:12pt]" title="12pt">12pt</option>
<option value="[style=font-size:14pt]" title="14pt">14pt</option>
<option value="[style=font-size:16pt]" title="16pt">16pt</option>
<option value="[style=font-size:18pt]" title="18pt">18pt</option>
<option value="[style=font-size:24pt]" title="24pt">24pt</option>
<option value="[style=font-size:28pt]" title="28pt">28pt</option>
<option value="[style=font-size:32pt]" title="32pt">32pt</option>
</select>
<select name="fontsize" size="1" style="background-color:"#f5f5dc" Font-color:"#000000" onChange="if(options[selectedIndex].value){ insert(options[selectedIndex].value,'[/style]');}; this.form.fontsize.options[0].selected = true;">
<option selected>Schriftart</option>
<option value="[style=font-family:Arial;]" title="Arial">Arial</option>
<option value="[style=font-family:Impact;]" title="Impact">Impact</option>
<option value="[style=font-family:Comic Sans MS;]" title="Comic Sans MS">Comic Sans MS</option>
<option value="[style=font-family:Times New Roman;]" title="Times New Roman">Times New Roman</option>
<option value="[style=font-family:Verdana;]" title="Verdana">Verdana</option>
</select>
 

<script type="text/javascript"><!--
function insertVideoTag(){
vid = prompt('Geben Sie die Url für das Video an. z.B \nMyVideo:\n\"http://www.myvideo.de/watch/6446450/Ball_Platzer_lol\" \n oder Youtube\n\"https://www.youtube.com/watch?v=bGJOmGL6mYM\"', "http://www.");
if (vid != 'http://www.' && vid != null)
{return returnTag('[Video]'+vid+'[/Video]');}
}
 
function insertLinkTag() {
link = prompt('Geben Sie die URL ein, auf die der Link verweisen soll.');
if (link != ' ' && link != null && link != 'null')
{
linktext = prompt('Bitte geben Sie nun den Linktext an.');
 
if (linktext != ' ' && linktext != null)
{return returnTag('[URL='+link+']'+linktext+'[/URL]'); }
else
{return returnTag('[URL]'+link+'[/URL]')}
 
}
}
 
/*
function insertWikiArticle() {
article = prompt('Bitte geben Sie den Namen des gewünschten Artikels ein (bitte beachten: Es dürfen keine Sonderzeichen vorkommen - außerdem müssen die Anfangsbuchstaben eines jeden Wortes der Großschreibung folgen).');
if (article != ' ' && article != null && article != 'null')
{
article = article.replace(/ /i,"_");
article = article.replace(/-/i,"+");
 
return returnTag('[URL=http://de.wikipedia.org/wiki/'+article+']'+article+'[/URL]'); }
}
*/
 

function hide_tab(tab){
document.getElementById(tab).style.display = 'none';
}
function show_tab(tab){
document.getElementById(tab).style.display = 'block';
}
-->
</script>
<style type="text/css">.iconbar_main div{float:left;}</style>
<div class="iconbar_main" style="display: inline;">
<div><A HREF="javascript:insert('[b]','[/b]')" title="Fett"><img src="https://img.homepagemodules.de/ds/static/gaia/bold.png" alt="[b] Text [/b]" border=0></A></div>
<div><A HREF="javascript:insert('[i]','[/i]')" title="Lursiv"> <img src="https://img.homepagemodules.de/ds/static/gaia/italic.png" alt="[i] Text [/i]" border=0></A></div>
<div><A HREF="javascript:insert('[u]','[/u]')" title="Unterstrichen"><img src="https://img.homepagemodules.de/ds/static/gaia/underline.png" alt="[u] Text [/u]" border=0 ></A></div>
<div><A HREF="javascript:insert('[code]','[/code]')"><img src="https://img.homepagemodules.de/ds/static/gaia/code.png" alt="[code] Code [/code]" border=0></a></div>
<div><A HREF="javascript:insert('[quote]','[/quote]')" title="Zitat"><img src="https://img.homepagemodules.de/ds/static/gaia/quote.png" alt="[quote] Text [/quote]" border=0></A></div>
<div><A HREF="javascript:insert('[spoiler]','[/spoiler]')" title="Spoiler"><img src="https://files.homepagemodules.de/b2001010/a_487.png" alt="[spoiler] Text [/spoiler]" border=0></A></div>
<div><A HREF="javascript:insertLinkTag('[URL]','[/URL]')" title="Link einfügen"><img src="https://img.homepagemodules.de/ds/static/gaia/link.png" alt="[URL]http://[/URL]" border=0></A></div>
<div><A HREF="javascript:insert('[img]','[/img]')" title="Bild einfügen"> <img src="https://img.homepagemodules.de/ds/static/gaia/picture.png" alt="[img]http://[/img]" border=0></A></div>
<div><A HREF="javascript:insertVideoTag('[Video]','[/Video]')" title="Video einfügen"><img src="https://img.homepagemodules.de/ds/static/gaia/movie.png" alt="[VIDEO] Link [/VIDEO]" border=0></A></div>
<!--<a href="javascript:insertWikiArticle('[URL]', '[/URL]')" title="Wikipedia"><img src="https://img.homepagemodules.de/ds/static/gaia/wikipedia.png" alt="[URL] Artikel [/URL]" border=0></a>-->
<div style="position:relative; z-index:2" onMouseOut="hide_tab('tab_smilies');" onmouseover="show_tab('tab_smilies');this.style.cursor='pointer';">
<img src="https://img.homepagemodules.de/ds/static/gaia/smile.png" alt="[smile]" border=0 title="Smilies">
<div id="tab_smilies" style="position:absolute; top:17px; left:-3px; display:none;background-color: white; padding: 5px; width: 100px; " >
<A HREF="javascript:returnTag('[smile]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/smile.gif" alt="[smile]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[spook]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/spook.gif" alt="[spook]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[alien]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/alien.gif" alt="[alien]" border=0 width="14" height="15"></A>
<A HREF="javascript:returnTag('[zunge]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/zunge.gif" alt="[zunge]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[rose]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/rose.gif" alt="[rose]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[shy]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/shy.gif" alt="[shy]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[smokin]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/smokin.gif" alt="[smokin]" border=0 width="21" height="15"></A>
<A HREF="javascript:returnTag('[clown]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/clown.gif" alt="[clown]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[devil]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/devil.gif" alt="[devil]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[death]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/death.gif" alt="[death]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[flash]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/flash.gif" alt="[flash]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[sick]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/sick.gif" alt="[sick]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[heart]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/heart.gif" alt="[heart]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[idee]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/idee.gif" alt="[idee]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[frage]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/frage.gif" alt="[frage]" border=0 width="10" height="14"></A>
<A HREF="javascript:returnTag('[blush]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/blush.gif" alt="[blush]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[mad]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/mad.gif" alt="[mad]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[sad]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/sad.gif" alt="[sad]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[shocked]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/shocked.gif" alt="[shocked]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[wink]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/wink.gif" alt="[wink]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[frown]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/frown.gif" alt="[frown]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[crazy]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/crazy.gif" alt="[crazy]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[smile2]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/smile2.gif" alt="[smile2]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[grin]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/grin.gif" alt="[grin]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[hmm]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/hmm.gif" alt="[hmm]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[laugh]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/laugh.gif" alt="[laugh]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[mund]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/mund.gif" alt="[mund]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[oh]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/oh.gif" alt="[oh]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[rolling_eyes]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/rolling_eyes.gif" alt="[rolling_eyes]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[lil]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/lil.gif" alt="[lil]" border=0 width="15" height="16"></A>
<A HREF="javascript:returnTag('[oh2]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/oh2.gif" alt="[oh2]" border=0 width="15" height="15"></A>
<A HREF="javascript:returnTag('[cool]')" onclick="hide_tab('tab_smilies');"><img src="https://img.homepagemodules.de/cool.gif" alt="[cool]" border=0 width="15" height="15"></A>
</div>
</div>
 
<div><A HREF="javascript:insert('[MAIL]','[/MAIL]')"><img src="https://img.homepagemodules.de/ds/static/gaia/mail.png" alt="[MAIL] E-Mail [/MAIL]" border="0" title="E-Mail"></A></div>
<div><A HREF="javascript:insert('[pre]','[/pre]')"><img src="https://img.homepagemodules.de/ds/static/gaia/pre.png" alt="[pre] Text [/pre]" border="0" title="<pre> Tag"></a></div>
 
<div style="position:relative; z-index:1" onMouseOut="hide_tab('tab_color');" onmouseover="show_tab('tab_color');this.style.cursor='pointer';">
<img src="https://img.homepagemodules.de/ds/static/gaia/color3.png" alt="[smile]" border=0 title="Farben">
<div id="tab_color" style="display: none; position: absolute; top:17px;left:-30px; background-color: white; padding: 7px; width: 80px;">
<A HREF="javascript:insert('[rot]','[/rot]')" onclick="hide_tab('tab_color');"><img src="https://img.homepagemodules.de/rot.gif" alt="[rot] Text [/rot]" style='border:1px solid black' width="15" height="15"></A>
<A HREF="javascript:insert('[blau]','[/blau]')" onclick="hide_tab('tab_color');"><img src="https://img.homepagemodules.de/blau.gif" alt="[blau] Text [/blau]" style='border:1px solid black' width="15" height="15"></A>
<A HREF="javascript:insert('[gruen]','[/gruen]')" onclick="hide_tab('tab_color');"><img src="https://img.homepagemodules.de/gruen.gif" alt="[gruen] Text [/gruen]" style='border:1px solid black' width="15" height="15"></A>
<A HREF="javascript:insert('[orange]','[/orange]')" onclick="hide_tab('tab_color');"><img src="https://img.homepagemodules.de/orange.gif" alt="[orange] Text [/orange]" style='border:1px solid black' width="15" height="15"></A>
<A HREF="javascript:insert('[lila]','[/lila]')" onclick="hide_tab('tab_color');"><img src="https://img.homepagemodules.de/lila.gif" alt="[lila] Text [/lila]" style='border:1px solid black' width="15" height="15"></A>
<A HREF="javascript:insert('[weiss]','[/weiss]')" onclick="hide_tab('tab_color');"><img src="https://img.homepagemodules.de/weiss.gif" alt="[weiss] Text [/weiss]" style='border:1px solid black' width="15" height="15"></A>
<A HREF="javascript:insert('[schwarz]','[/schwarz]')" onclick="hide_tab('tab_color');"><img src="https://img.homepagemodules.de/schwarz.gif" alt="[schwarz] Text [/schwarz]" style='border:1px solid black' width="15" height="15"></A>
</div>
</div>
 

<div style="clear:both"></div>
</div>
 

 

</div>
 



Und so erscheint dann die Symbolbar, mit den Boxen ganz hinten:


 Antworten

 Beitrag melden
16.02.2011 13:21
avatar  mihca02
#47 RE: Symbol Bar
mi
Mitglied

das alles was du da eingefügt hast, müsste hinter diese Zeile und nicht an den Anfang

1
 
<div class="iconbar_main" style="display: inline;">
 



und dann dein Zeugs

1
2
3
4
5
6
7
 
<select name="fontsize" size="1" style="background-color:"#f5f5dc" Font-color:"#000000" onChange="if(options[selectedIndex].value){ insert(options[selectedIndex].value,'[/style]');}; this.form.fontsize.options[0].selected = true;">
<option selected>Schriftgröße</option>
<option value="[style=font-size:4pt]" title="4pt">4pt</option>
<option value="[style=font-size:7pt]" title="7pt">7pt</option>...
..........................
 
usw.
 



dann sollte es passen

Grüße
Achim

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


 Antworten

 Beitrag melden
16.02.2011 14:08
avatar  SamSam ( gelöscht )
#48 RE: Symbol Bar
Sa
SamSam ( gelöscht )

Hm, klappt net...
Ach, lasst mal, ich lass das Zeugs hintendran, ist doch nicht nötig, aber danke trotzdem für die Hilfe, sehr nett!


 Antworten

 Beitrag melden
06.03.2011 01:58
avatar  ( Gast )
#49 RE: Symbol Bar
Gast
( Gast )

Ist es auch Möglich das man

Das hier (zentriert schreiben)

als Button oben einfügt ?


 Antworten

 Beitrag melden
20.04.2011 03:00
avatar  bine12
#50 RE: Symbol Bar
bi
Mitglied

wie kann ich das für die neue iconbar einbauen?


 Antworten

 Beitrag melden
23.04.2011 08:20
#51 RE: Symbol Bar
Ma
Mitglied

DEn letzten beiden Fragen schließe ich mich gerne an.
Wie baue ich og script für Schriftgrößen und SChriftarten im neuen Icon bar genau ein und wie füge ich formationsmöglichkeiten zu?
Danke


 Antworten

 Beitrag melden
23.04.2011 13:59
#52 RE: Symbol Bar
Ma
Mitglied

Ich nochmal...

Ich knobel jetzt die ganze Zeit...es lässt mir keine Ruhe..

Ich hätte für mein Forum auch gerne ein Auswahlmenue für Schriftgröße und Schriftart im Iconbar.

WO muss das eingefügt werden?
Unter Gruppe?
oder wie ?

Waere Euch sehr dankbar, wenn ihr helfen könnt...
DANKE und frohe Ostern..


 Antworten

 Beitrag melden
25.04.2011 08:24
#53 RE: Symbol Bar
Ma
Mitglied

????

Ist es denn nun grundsätzlich möglich dies beim Iconbar einzufügen oder geht das gar nicht??

Waere schön mal eine Antwort zu bekommen...


 Antworten

 Beitrag melden
25.04.2011 10:11
#54 RE: Symbol Bar
avatar
Mitglied

1
2
3
 
<A HREF="javascript:insert('[pre]','[/pre]')"><img src="https://img.homepagemodules.de/ds/static/gaia/pre.png" alt="[pre] Text [/pre]" border="0" title="<pre> Tag"></a>
 
</div>
 



Wenn du den/die Codes nach dieser Zeile einfügst,bekommst du die Auswählkästchen

Zu finden in Symbolbar...

25.04.2011 11:26
avatar  Twilight ( Gast )
#55 RE: Symbol Bar
Tw
Twilight ( Gast )

Ich würde auch gerne diesen Code für Schriftgröße und Schriftart einbauen in die bereits bearbeitete Symbolbar. WO genau und vor allem WAS muss ich einbauen, damit ich nur die Schriftgröße und Art angezeigt bekomme?? Ich schaff das irgendwie nicht.
Bitte um Hilfe!


 Antworten

 Beitrag melden
25.04.2011 12:27
#56 RE: Symbol Bar
avatar
Mitglied

Guck mal in einem der vorderen Posts steht der Code.Den Kopieren und hinter die Zeile die ich oben angegeben habe einfügen ,abspeichern...

25.04.2011 12:30
#57 RE: Symbol Bar
avatar
Mitglied

Hier der Code,damit du nicht suchen musst

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<select name="fontsize" size="1" style="background-color:"#9adb51" Font-color:"#000000" onChange="if(options[selectedIndex].value){ insert(options[selectedIndex].value,'[/style]');}; this.form.fontsize.options[0].selected = true;">
<option selected>Schriftgröße</option>
<option value="[style=font-size:4pt]" title="4pt">4pt</option>
<option value="[style=font-size:7pt]" title="7pt">7pt</option>
<option value="[style=font-size:10pt]" title="10pt">10pt</option>
<option value="[style=font-size:11pt]" title="11pt">11pt</option>
<option value="[style=font-size:12pt]" title="12pt">12pt</option>
<option value="[style=font-size:14pt]" title="14pt">14pt</option>
<option value="[style=font-size:16pt]" title="16pt">16pt</option>
<option value="[style=font-size:18pt]" title="18pt">18pt</option>
<option value="[style=font-size:24pt]" title="24pt">24pt</option>
<option value="[style=font-size:28pt]" title="28pt">28pt</option>
<option value="[style=font-size:32pt]" title="32pt">32pt</option>
 

25.04.2011 12:48
avatar  Twilight ( Gast )
#58 RE: Symbol Bar
Tw
Twilight ( Gast )

OK besten Dank! Ich probiers gleich mal. THX


 Antworten

 Beitrag melden
25.04.2011 12:53
avatar  Twilight ( Gast )
#59 RE: Symbol Bar
Tw
Twilight ( Gast )

Also ich muss noch mal fragen: WO finde ich diese Zeile? Ich such und such ...


 Antworten

 Beitrag melden
25.04.2011 14:31
#60 RE: Symbol Bar
avatar
Mitglied

Wenn du die Symbolbar auf machst musst du so lange scrollen bis du es findest-erst kommt der Code für Fett,dann für Kursiv ,Code,Zitat etc...ganz am Schluss kommt Tag und da hinter...Such einfach mal-Nerven bewahren und in Ruhe lesen...du schaffst das!

Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!