Forum - Schatten-Effekt für Inhaltstext mit einem Klick ab der Iconbar - 2

Guten Morgen Leute
Ich habe mich inspirieren lassen von eure Tutorials und obigen Lösungen für die Schatten-Effekte.
Mein Ziel war es allerdings einen reinen Text-Schatten-Effekt zur Verfügung zu stellen in meiner Iconbar.
Ich konnte dies relativ einfach Lösen, und dachte mir diese Lösung könnte auch hier einige Interessieren.
Deshalb hinterlege ich nun hier meinen kompletten Lösungsweg damit ihr dies eure Mitgliedern anbieten könnt.

Ersten » Eine Grafik für die Iconbar erstellen
Da habe ich mich schlicht und einfach an MS-Office Word (WordArt)  gehalten damit auch eine Wiedererkennung besteht in der Iconbar.
Das kleine Icon oder Symbol ist dann mein Bild das ich auf mein Server hochgeladen habe damit ich es dann in der Iconbar verlinken kann.

Zweitens » In der Administration ein Icon hinzufügen
Wie der Titel es schon sagt gehen wir nun in Admin→Layout→Icon da klicken wir auf → "Neue Icons hinzufügen".
Nun wählt man Rechts in der Auswahl "Foren-Code" und gibt als Beispiel in der Zeile "Ersetze" → [Schatten]...[/Schatten] ← ein für die kommende Aktion.
Bei der folgenden Zeile gibt man die CSS-Style Anweisung für den Text-Schatten-Effekt ein also bei "Mit" → <span style="text-shadow: 0.06em 0.06em 0.06em grey;">...</span> ← die Erläuterungen folgen.
In der darunter liegenden Zeile könnt ihr nun den Link zu der hergestellten Grafik eintippen zB.: www.meinegrafik.jpg, damit eben das kleine Icon ersichtlich wird für die Mitglieder die ein Text mit Schatten hervorheben wollen.

Infos » Die CSS-Anpassung oder dessen Werte
In der Style-Angaben haben wir vorerst den Wert des Abstandes nach Rechts dann nach Unten und die gewünschte Unschärfe sowie die gewünschte Schatten-Farbe.
PS: Die Abstand oder Masse können natürlich auch in Pixel "px" eingegeben werden, ich habe für die Feintuning Einstellung bei mir nun lieber die "em" Werte verwendet.
Die Farbe kann natürlich auch mit allen beliebigen Hexcode eingegeben werden, wie zum Beispiel für Rot "#ff0000" oder in kurzer Form als "#FF00" oder sogar "red" würde gehen.

Resultate » Mit relativ geringem Schatten-Effekt für Text
Anbei noch zwei Bilder meines Resultates für sehr kleinen und gewollten, dezenten Schatten-Text-Effekt das mit einem Klick ab der Iconbar eingefügt werden kann.


Admin » Bild der Icon herstellung im Forum-Menü


Meine Iconbar » Hier habe ich gewollt das neue Schatten-Effekt Rot umrandet


Abschliessende Worte
Ich hoffe dieses kleine Tutorial für reinen Text-Schatten-Effekt kann euch Nützlich sein und sollte ich Fehler haben bin ich immer sehr dankbar für Tipps oder Korrekturen.
Ich habe gewollt kein neues Thema eröffnet, da ich die oberen Beiträge eigentlich sehr passend finde und ich diese Themen als Verwendung für meine Effekt-Realisierung nahm.

Beste Grüsse
Dave

Wolfgang, das ist mal wieder top geworden.

Habe dazu noch eine Frage. Ist alles eingefügt und funktioniert

Aber wo sieht man denn das Plus und Minuszeichen?

Muss man irgendwo noch was eingeben?

Auch hier habe ich den Code so verändert, dass er den Ramen um das Textfeld machen müsste.

Was habe ich verkehrt gemacht?

<div onclick="xob_insert('[Textfeld=background:#eeeeee;color:#383838;border:2px solid #000000;][Ueberschrift=background:#eeeeee;color:#000000;border:5px double #000000;]&#220;berschrift[/Ueberschrift]Text Text','[/Textfeld]')" class="xob_icon_cont"><img alt="Textfeld" title="Neues Textfeld" class="xob_icon" src="https://files.homepagemodules.de/b214495/a_560_5a77b5dc.png"></div>
 

.textfeld {
  display:inline-block;
  margin:10px;
  scroll:auto !important;
  padding: 10px; 
  color: #383838; 
  background:#eeeeee;
  box-shadow:2px 2px 5px #aaaaaa;
  border-radius:5px; 
  border:2px solid #000000;
}
.ueberschrift {
  width:auto;
  font:bold 14px Georgia, serif; 
  color:#000000; 
  background:#dddddd; 
  border-radius:9px; 
  border:5px double #000000;
  padding:3px 10px 2px 10px; 
}
 
 

Hallo Wolfgang,
nochmal für dein neueste Projekt!
Teil 1 Funktioniert
Teil 2 Funktioniert (bei mir) nicht. Ich hab den Code ins CSS kopiert und ein neues Plugin angelegt - nöö, will nicht. Fehler 38 ? (Bedienfehler vom Kunden...)

Gruß vom Arndt

Hallo, Wolfgang habe es getestet, funktioniert bei mir einwandfrei.

Habe Teil 1 nicht installiert.

Hier Bild, wie es ausschaut:



Nette Grüße

Juhuuu Wolfgang, es funktioniert.

Danke Danke Danke

Also einen Rahmen bekomme ich nicht um das Textfeld.
Kann ich machen und testen wie ich will, klappt nicht!