RE: Die neue Iconbar - Einfach eigene Smileys hinzufügen

24.03.2011 16:33 (zuletzt bearbeitet: 24.03.2011 16:34)

Ingmar
#31 RE: Die neue Iconbar - Einfach eigene Smileys hinzufügen

@kata wird noch heute behoben!

@kacz
hab deinen Beitrag gelöscht da mir der Inhalt der CSS-Datei bekannt ist

Zitat
Mit folgender Zeile unter Admin → Layout → Farben und Einstellungen → CSS kannst du dann die Größe anpassen:
#xob_sub_10{width:800px !important}

Viele Grüße,
Ingmar

Technik · Homepagemodules.de · Miranus GmbH

Antworten

Beitrag melden

#32

24.03.2011 16:35

kacz
#32 RE: Die neue Iconbar - Einfach eigene Smileys hinzufügen

ka

kacz

Ok, kannst Du mir sagen welche Zeile die richtige ist? Hab wie geschrieben die 10. angeschaut, da ist nichts mit Größen .....
Bitte Bitte Bitte.

Antworten

Beitrag melden

#33

24.03.2011 16:38

mihca02
#33 RE:

mi

mihca02

was du da hattest ist die CSS , die ist nicht gemeint

Zum Suchen der ID kannst du den Quelltext nehmen :

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
 
<div class="xob_iconlist">
 
<div id="icon_1" class="xob_icon_cont" onclick="xob_insert('[b]','[/b]')">
<img title="[b][/b] einfügen" src="https://img.homepagemodules.de/ds/static/gaia/bold.png" id="xob_icon_1" class="xob_icon" alt="[b][/b]" /></div>
<div id="icon_2" class="xob_icon_cont" onclick="xob_insert('[i]','[/i]')">
<img title="[i][/i] einfügen" src="https://img.homepagemodules.de/ds/static/gaia/italic.png" id="xob_icon_2" class="xob_icon" alt="[i][/i]" /></div>
<div id="icon_3" class="xob_icon_cont" onclick="xob_insert('[u]','[/u]')">
<img title="[u][/u] einfügen" src="https://img.homepagemodules.de/ds/static/gaia/underline.png" id="xob_icon_3" class="xob_icon" alt="[u][/u]" /></div>
<div onclick="xob_insert('[code]','[/code]')" class="xob_icon_cont"><img alt="[code][/code]" title="[code][/code]" class="xob_icon" src="https://img.homepagemodules.de/ds/static/gaia/code.png" ></div>
 
<div id="icon_5" class="xob_icon_cont" onclick="xob_insert('[quote]','[/quote]')">
<img title="[quote][/quote] einfügen" src="https://img.homepagemodules.de/ds/static/gaia/quote.png" id="xob_icon_61" class="xob_icon" alt="[quote][/quote]" /></div>
<div id="icon_6" class="xob_icon_cont" onclick="xob_insert('[spoiler]','[/spoiler]')">
<img title="[spoiler][/spoiler] einfügen" src="https://img.homepagemodules.de/ds/static/gaia/spoiler_neu.png" id="xob_icon_6" class="xob_icon" alt="[spoiler][/spoiler]" /></div>
<div onclick="xob_insert('[url]','[/url]')" class="xob_icon_cont"><img title="[url][/url]" alt="[url][/url]" class="xob_icon" src="https://img.homepagemodules.de/ds/static/gaia/link.png" ></div>
 
<div onclick="xob_insert('[img]','[/img]')" class="xob_icon_cont"><img alt="[img][/img]" title="[img][/img]" class="xob_icon" src="https://img.homepagemodules.de/ds/static/gaia/picture.png" ></div>
 
<div onclick="insertVideoTag()" class="xob_icon_cont"><img title="[video][/video]" alt="[video][/video]" class="xob_icon" src="https://img.homepagemodules.de/ds/static/gaia/movie.png" ></div>
 
<div id="icon_10" class="xob_icon_cont hassub" onMouseOver="showSub('10')" onmouseout="hideSub('10')" >
<img title="Smileys einfügen" src="https://img.homepagemodules.de/ds/static/gaia/smile.png" id="xob_icon_10" class="xob_icon" alt="Smileys" /><label for="xob_sub_10"></label><div class="xob_subiconlist" id="xob_sub_10" ><div class="xob_icon_cont" onclick="xob_insert('[smile]');"><img title="smile einfügen" border="0" src="https://img.homepagemodules.de/smile.gif" class="xob_icon" alt="smile" /></div><div class="xob_icon_cont" onclick="xob_insert('[smile2]');"><img title="smile2 einfügen" border="0" src="https://img.homepagemodules.de/smile2.gif" class="xob_icon" alt="smile2" /></div><div class="xob_icon_cont" onclick="xob_insert('[spook]');"><img title="spook einfügen" border="0" src="https://img.homepagemodules.de/spook.gif" class="xob_icon" alt="spook" /></div><div class="xob_icon_cont" onclick="xob_insert('[alien]');"><img title="alien einfügen" border="0" src="https://img.homepagemodules.de/alien.gif" class="xob_icon" alt="alien" /></div><div class="xob_icon_cont" onclick="xob_insert('[zunge]');"><img title="zunge einfügen" border="0" src="https://img.homepagemodules.de/zunge.gif" class="xob_icon" alt="zunge" /></div><div class="xob_icon_cont" onclick="xob_insert('[rose]');"><img title="rose einfügen" border="0" src="https://img.homepagemodules.de/rose.gif" class="xob_icon" alt="rose" /></div><div class="xob_icon_cont" onclick="xob_insert('[shy]');"><img title="shy einfügen" border="0" src="https://img.homepagemodules.de/shy.gif" class="xob_icon" alt="shy" /></div><div class="xob_icon_cont" onclick="xob_insert('[clown]');"><img title="clown einfügen" border="0" src="https://img.homepagemodules.de/clown.gif" class="xob_icon" alt="clown" /></div><div class="xob_icon_cont" onclick="xob_insert('[devil]');"><img title="devil einfügen" border="0" src="https://img.homepagemodules.de/devil.gif" class="xob_icon" alt="devil" /></div><div class="xob_icon_cont" onclick="xob_insert('[death]');"><img title="death einfügen" border="0" src="https://img.homepagemodules.de/death.gif" class="xob_icon" alt="death" /></div><div class="xob_icon_cont" onclick="xob_insert('[flash]');"><img title="flash einfügen" border="0" src="https://img.homepagemodules.de/flash.gif" class="xob_icon" alt="flash" /></div><div class="xob_icon_cont" onclick="xob_insert('[sick]');"><img title="sick einfügen" border="0" src="https://img.homepagemodules.de/sick.gif" class="xob_icon" alt="sick" /></div><div class="xob_icon_cont" onclick="xob_insert('[heart]');"><img title="heart einfügen" border="0" src="https://img.homepagemodules.de/heart.gif" class="xob_icon" alt="heart" /></div><div class="xob_icon_cont" onclick="xob_insert('[idee]');"><img title="idee einfügen" border="0" src="https://img.homepagemodules.de/idee.gif" class="xob_icon" alt="idee" /></div><div class="xob_icon_cont" onclick="xob_insert('[frage]');"><img title="frage einfügen" border="0" src="https://img.homepagemodules.de/frage.gif" class="xob_icon" alt="frage" /></div><div class="xob_icon_cont" onclick="xob_insert('[blush]');"><img title="blush einfügen" border="0" src="https://img.homepagemodules.de/blush.gif" class="xob_icon" alt="blush" /></div><div class="xob_icon_cont" onclick="xob_insert('[smokin]');"><img title="smokin einfügen" border="0" src="https://img.homepagemodules.de/smokin.gif" class="xob_icon" alt="smokin" /></div><div class="xob_icon_cont" onclick="xob_insert('[mad]');"><img title="mad einfügen" border="0" src="https://img.homepagemodules.de/mad.gif" class="xob_icon" alt="mad" /></div><div class="xob_icon_cont" onclick="xob_insert('[sad]');"><img title="sad einfügen" border="0" src="https://img.homepagemodules.de/sad.gif" class="xob_icon" alt="sad" /></div><div class="xob_icon_cont" onclick="xob_insert('[wink]');"><img title="wink einfügen" border="0" src="https://img.homepagemodules.de/wink.gif" class="xob_icon" alt="wink" /></div><div class="xob_icon_cont" onclick="xob_insert('[frown]');"><img title="frown einfügen" border="0" src="https://img.homepagemodules.de/frown.gif" class="xob_icon" alt="frown" /></div><div class="xob_icon_cont" onclick="xob_insert('[crazy]');"><img title="crazy einfügen" border="0" src="https://img.homepagemodules.de/crazy.gif" class="xob_icon" alt="crazy" /></div><div class="xob_icon_cont" onclick="xob_insert('[grin]');"><img title="grin einfügen" border="0" src="https://img.homepagemodules.de/grin.gif" class="xob_icon" alt="grin" /></div><div class="xob_icon_cont" onclick="xob_insert('[hmm]');"><img title="hmm einfügen" border="0" src="https://img.homepagemodules.de/hmm.gif" class="xob_icon" alt="hmm" /></div><div class="xob_icon_cont" onclick="xob_insert('[laugh]');"><img title="laugh einfügen" border="0" src="https://img.homepagemodules.de/laugh.gif" class="xob_icon" alt="laugh" /></div><div class="xob_icon_cont" onclick="xob_insert('[mund]');"><img title="mund einfügen" border="0" src="https://img.homepagemodules.de/mund.gif" class="xob_icon" alt="mund" /></div><div class="xob_icon_cont" onclick="xob_insert('[oh]');"><img title="oh einfügen" border="0" src="https://img.homepagemodules.de/oh.gif" class="xob_icon" alt="oh" /></div><div class="xob_icon_cont" onclick="xob_insert('[rolling_eyes]');"><img title="rolling_eyes einfügen" border="0" src="https://img.homepagemodules.de/rolling_eyes.gif" class="xob_icon" alt="rolling_eyes" /></div><div class="xob_icon_cont" onclick="xob_insert('[lil]');"><img title="lil einfügen" border="0" src="https://img.homepagemodules.de/lil.gif" class="xob_icon" alt="lil" /></div><div class="xob_icon_cont" onclick="xob_insert('[oh2]');"><img title="oh2 einfügen" border="0" src="https://img.homepagemodules.de/oh2.gif" class="xob_icon" alt="oh2" /></div><div class="xob_icon_cont" onclick="xob_insert('[cool]');"><img title="cool einfügen" border="0" src="https://img.homepagemodules.de/cool.gif" class="xob_icon" alt="cool" /></div></div>
</div>
<div onclick="xob_insert('[mail]','[/mail]')" class="xob_icon_cont"><img class="xob_icon" alt="[mail][/mail]" title="[mail][/mail]" src="https://img.homepagemodules.de/ds/static/gaia/mail.png" ></div>
 
<div id="icon_44" class="xob_icon_cont" onclick="xob_insert('[pre]','[/pre]')">
<img title="[pre][/pre] einfügen" src="https://img.homepagemodules.de/ds/static/gaia/pre.png" id="xob_icon_44" class="xob_icon" alt="[pre][/pre]" /></div>
<div id="icon_45" class="xob_icon_cont hassub" onMouseOver="showSub('70')" onmouseout="hideSub('70')" >
<img title="Farben einfügen" src="https://img.homepagemodules.de/ds/static/gaia/color3.png" id="xob_icon_70" class="xob_icon" alt="Farben" /><label for="xob_sub_70"></label><div class="xob_subiconlist" id="xob_sub_70" ><div class="xob_icon_cont" onclick="xob_insert('[rot]','[/rot]');"><img title="[rot][/rot] einfügen" border="0" src="https://img.homepagemodules.de/ds/static/colors/rot_15.gif" class="xob_icon" alt="[rot][/rot]" /></div><div class="xob_icon_cont" onclick="xob_insert('[blau]','[/blau]');"><img title="[blau][/blau] einfügen" border="0" src="https://img.homepagemodules.de/ds/static/colors/blau_15.gif" class="xob_icon" alt="[blau][/blau]" /></div><div class="xob_icon_cont" onclick="xob_insert('[gruen]','[/gruen]');"><img title="[gruen][/gruen] einfügen" border="0" src="https://img.homepagemodules.de/ds/static/colors/gruen_15.gif" class="xob_icon" alt="[gruen][/gruen]" /></div><div class="xob_icon_cont" onclick="xob_insert('[orange]','[/orange]');"><img title="[orange][/orange] einfügen" border="0" src="https://img.homepagemodules.de/ds/static/colors/orange_15.gif" class="xob_icon" alt="[orange][/orange]" /></div><div class="xob_icon_cont" onclick="xob_insert('[lila]','[/lila]');"><img title="[lila][/lila] einfügen" border="0" src="https://img.homepagemodules.de/ds/static/colors/lila_15.gif" class="xob_icon" alt="[lila][/lila]" /></div><div class="xob_icon_cont" onclick="xob_insert('[weiss]','[/weiss]');"><img title="[weiss][/weiss] einfügen" border="0" src="https://img.homepagemodules.de/ds/static/colors/weiss_15.gif" class="xob_icon" alt="[weiss][/weiss]" /></div><div class="xob_icon_cont" onclick="xob_insert('[schwarz]','[/schwarz]');"><img title="[schwarz][/schwarz] einfügen" border="0" src="https://img.homepagemodules.de/ds/static/colors/schwarz_15.gif" class="xob_icon" alt="[schwarz][/schwarz]" /></div></div>
</div>
 

da findest du z. Bsp. für die Smilies die id="icon_10" oder für die Farben id="icon_45"

und für diese ID fügst du das was Ingmar geschrieben hat, unter Admin-> Layout -> CSS zu der CSS hinzu

Grüße
Achim

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

Antworten

Beitrag melden

#34

24.03.2011 16:42

kacz
#34 RE:

ka

kacz

Danke, ich fürchte, daß laß ich lieber, bevor ich was versemmel, das geht über das Hirn einer alten Frau. Vielleich will mir jemand in meinem Forum helfen?

Antworten

Beitrag melden

#35

24.03.2011 17:06

Ingmar
#35 RE:

Ingmar

@kacz
einfacher kann ich es auch nicht mehr erklären:
Einfach folgende Zeile:

#xob_sub_10{width:800px !important}

unter Admin → Layout → Farben und Einstellungen → CSS
in das Textfeld kopieren und speichern...

@kata
Der Fehler im IE ist behoben.

Viele Grüße,
Ingmar

Technik · Homepagemodules.de · Miranus GmbH

Antworten

Beitrag melden

#36

24.03.2011 17:17 (zuletzt bearbeitet: 24.03.2011 17:25)

kacz
#36 RE:

ka

kacz

Ok, Danke Ingmar, hab den Kopf kräftig schräg gehalten, Hirn ist wieder dort wo es hingehört und hat geklappt.
hatte wohl einen echten Denkaussetzer, verzeih.
Richtig schön schaut es zwar noch nicht aus, die oberen Smilies kleben ganz oben am Rand, aber es ist schon sehr viel besser und übersichtlicher.
Also. tausend Dank und sry. (ist mir echt peinlich)

Antworten

Beitrag melden

#37

24.03.2011 17:48

Ingmar
#37 RE:

Ingmar

Zitat
Also. tausend Dank und sry. (ist mir echt peinlich)

Kein Problem - freut mich, dass das jetzt geklappt hat...

Viele Grüße,
Ingmar

Technik · Homepagemodules.de · Miranus GmbH

Antworten

Beitrag melden

#38

24.03.2011 19:56

Der Rheydter
#38 RE:

Der Rheydter

Hallo!

1. Ich habe versucht, mittels der Änderung der CSS die Smilie-Auswahlfelder zu verbreitern. Die IDs habe ich entsprechend gesucht und auch gefunden, die CSS um folgende Zeichen erweitert:

1
2
3
4
5
 
#xob_sub_136{width:800px !important}
#xob_sub_206{width:800px !important}
#xob_sub_231{width:800px !important}
#xob_sub_236{width:800px !important}
#xob_sub_273{width:800px !important}
 

Theoretisch sollte das Wirkung zeigen...tut es aber nicht.

2. Die Ordnung der Smilies ist ziemlich durcheinander. Selbst wenn man gleichgroße Smilies hintereinander eingruppiert, werden teilweise relativ große Freiflächen offen gelassen. Kann man da irgendwie Einfluss drauf nehmen?

3. Aufgrund der Anzahl der Smilies würde ich neben der Verbreiterung des Auswahlfensters in der senkrechten einen Scrollbalken einfügen. Ist das schon möglich?

Board 90400 / www.moebahn.de

Antworten

Beitrag melden

#39

24.03.2011 22:04

Der Rheydter
#39 RE:

Der Rheydter

Ergänzung: Wenn die Auswahlboxen geöffnet werden ragen die Smilies links aus dem Bildschirm raus...

http://s7.directupload.net/images/110324/kuotxyrt.jpg

Board 90400 / www.moebahn.de

Antworten

Beitrag melden

#40

24.03.2011 22:37 (zuletzt bearbeitet: 24.03.2011 22:43)

mihca02
#40 RE:

mi

mihca02

Da wird es wohl um die Positionierung der Box gehen ..

müsste ebenfalls über die CSS Anweisung zu

.xob_sub_xxx

mit

left:xxx px;
top:xxxpx;

die Standardangaben zu jeder Box sind bezogen auf die Position des Icons in der Reihe hier enthalten

.xob_subiconlist
{
left:-240px;
top:15px;
width:250px;
}

ausgehend von diesen Angaben die Position für die ID verändern

z.Bsp.

#xob_sub_10 {
width:600px !important;
left:-100px !important;
top:25px !important;
}

macht die Box

600 breit
verschiebt sie um 100px nach rechts
und um 10 px nach unten

Ein wenig experimentieren ist angesagt ...

Hätte man die Positionierung der einzelnen Boxen nicht mit in das neue Icon-Menü bauen können ?

Grüße
Achim
gehen

gehen

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

Antworten

Beitrag melden

#41

25.03.2011 07:55

Kata
#41 RE:

Ka

Kata

Danke

Antworten

Beitrag melden

#42

25.03.2011 15:03

Dominik.S
#42 RE: Die neue Iconbar - Einfach eigene Smileys hinzufügen

Do

Dominik.S

Zitat von Ingmar
@kacz
Hm, die Submenüs sind von bisher 100px Breite auf 250px Breite vergrößert worden - es sollte also eigentlich mehr PLatz vorhanden sein als früher.

Um ein bestimmtes submenü zu vergrößern, musst du die ID des Menüs herausfinden - im Fall deiner Smileys ist das die 10.
Mit folgender Zeile unter Layout → Farben und Einstellungen → CSS-Addon kannst du dann die Größe anpassen:

#xob_sub_10{width:800px !important}

<- Die 800px kannst du natürlich gegen jeden anderen Wert austauschen.

Ich hab es so eingefügt #xob_sub_10{width:100px !important} Ingmar, die Smileybox ist jetzt zwar in der für mich passenden größe jedoch an einer ganz anderen Stelle [nicht da wo sie seien sollte] im Forum http://sternenwarte-whv.xobor.de

Viele Grüße,
Dominik

Forum Tutorials - Das Forum von Usern für User

Antworten

Beitrag melden

#43

25.03.2011 15:40

Ingmar
#43 RE: Die neue Iconbar - Einfach eigene Smileys hinzufügen

Ingmar

So, nochmal ein Zwischenstand:

Wir haben gerade nochmal ein Update eingespielt und 3 kleine Bugs behoben:

1) Gelöschte Standard-Icons können jetzt neu angelegt werden
2) HTML-Elemente in Gruppen werden jetzt richtig umgesetzt
3) Geht eine Gruppe aufgrund von sehr großen Smilies über den Rand des Forums hinaus, wird das Untermenü automatisch korrekt positioniert.

Außerdem gibt es jetzt ein Fallbeispiel zur Erstellung einer Gruppe mit einer bestimmten Hintergrundfarbe in unserem Iconbar-Tutorial

Viele Grüße,
Ingmar

Technik · Homepagemodules.de · Miranus GmbH

Antworten

Beitrag melden

#44

25.03.2011 16:20

silberlocke
#44 RE: Die neue Iconbar - Einfach eigene Smileys hinzufügen

si

silberlocke

Einfach SUPER, liebes Team, da habt ihr gute Arbeit geleistet!!

Eine Frage hätte ich allerdings, wie kann man Foren-Codes löschen, ich sehe keinen Lösch-Button.

Forum-Silberlocke

Antworten

Beitrag melden

#45

25.03.2011 17:04 (zuletzt bearbeitet: 25.03.2011 17:04)

Nothinghouse
#45 RE: Die neue Iconbar - Einfach eigene Smileys hinzufügen

Nothinghouse

Ich habe auch ein Problem. Ich habe mir für mein Forum einen Flash-Button erstellt um damit Flash-Dateien einzufügen. Also bin ich so vorgegangen:

Tja, der Code funktioniert auch, aber wenn ich auf den Flash-Button klicke, tut sich nix und der Code wird nicht in den Beitrag eingefügt. Bug, oder mache ich was falsch?