Allmystery
Menschen Wissenschaft Politik Mystery Kriminalfälle Spiritualität Verschwörungen Technologie Ufologie Natur Umfragen Unterhaltung
weitere Rubriken
PhilosophieTräumeOrteEsoterikLiteraturAstronomieHelpdeskGruppenGamingFilmeMusikClashVerbesserungenAllmysteryEnglish
Diskussions-Übersichten
BesuchtTeilgenommenAlleNeueGeschlossenLesenswertSchlüsselwörter
Schiebe oft benutzte Tabs in die Navigationsleiste (zurücksetzen).

Code- und Designerecke für Allmy Profile und Blogs

48 Beiträge ▪ Schlüsselwörter: Hilfe, Blog, Profil ▪ Abonnieren: Feed E-Mail

Code- und Designerecke für Allmy Profile und Blogs

10.07.2017 um 00:30
Auch hier:

Trotz des Allmy BBCodes "Code" wird der eigentlich iframe (Video Fenster) nicht korrekt als HTML-Element dargestellt. Der o.g. Code funktioniert als nicht wie gewünscht!

Deshalb hier ein Link mit dem Code zum downloaden bzw. öffnen und kopieren:

TV im Profil und Blog

Anzeige
melden

Code- und Designerecke für Allmy Profile und Blogs

13.07.2017 um 02:50
Tooltip für Blog & Profil

Ein tolles Werkzeug, um deinen LeserInnen Infos zu einem Begriff zu liefern, ist der Tooltip (auch als "Quickinfo" bekannt).
Der Tooltip wird angezeigt, wenn mit dem Mauszeiger auf den Begriff gezeigt wird (hovern).

In diesem Basis-Code habe ich fünf verschiedene Arten von Tooltips eingebaut, die sich nach Lust, Laune und Können an dein Blog- oder Profil Layout anpassen lassen:

text

text link

bild

bild link

video


Der Code: Tooltip


So long...

t411109e t2bd9ebc t1cdf079eb t4dab98a4a


melden

Code- und Designerecke für Allmy Profile und Blogs

13.07.2017 um 04:27
Multicolumn für Blog und Profil

Du möchtest deine Artikel und Einträge im Blog oder Profil im Zeitungsstil posten? Dann ist Multicolumn genau das richtige Tool für dich:

multicolumnOriginal anzeigen (0,3 MB)

Der Einsatz ist denkbar einfach:

Du setzt
<div class="multicolumn">DEIN TEXT</div>
und schreibst wie gewohnt deinen Beitrag. Den Rest erledigt der Code!


Grundeinstellungen:

-> Rahmen und Innenabstand der Box
-> Anzahl der Spalten
-> Abstand zwischen den Spalten
-> Trenner (Linie) zwischen den Spalten
-> Größe und Farbe des ersten Buchstaben

Natürlich lässt sich auch Multicolumn weiter aus- bzw. umbauen ;)

Der Code:

Spoiler
<style>

.multicolumn {
border: 1px solid #40404C; /* rahmen der box */
padding: 20px; /* innenabstand */
line-height: 120%; /* zeilenabstand */

-webkit-column-count: 3; /* anzahl der spalten einstellen */
-moz-column-count: 3;
column-count: 3;

-webkit-column-gap: 50px; /* abstand zwischen den spalten einstellen */
-moz-column-gap: 50px;
column-gap: 50px;

-webkit-column-rule: 1px solid #40404C; /* trenner: breite, art, farbe einstellen */
-moz-column-rule: 1px solid #40404C;
column-rule: 1px solid #40404C;
}

/* # erster buchstabe # */
.multicolumn:first-letter {
color: yellow; /* farbe */
font-size: 60px; /* schriftgroesse */
text-transform: capitalize;
line-height: 100%;
float: left;
padding: 0 5px 0 0;
}

</style>

<div class="multicolumn">
MEIN TEXT
</div>

<div class="multicolumn">
MEIN TEXT
</div>


Tipp:

Wenn du mit verschiedenen Anzahlen an Spalten oder anderen Layouts arbeiten möchtest, kopiere einfach den Code innerhalb des <style>, benenne die Klasse ".multicolumn" um in z.B. ".multicolumn2" für zwei Spalten, ".multicolumn3" für drei Spalten usw. und ändere die Werte.
Im HTML-Teil musst du dann nur noch "<div class="multicolumn">" entsprechend deiner benötigten Klasse ändern.

So long...

t2da9227 t411109e t2bd9ebc t1cdf079eb t4


melden

Code- und Designerecke für Allmy Profile und Blogs

01.10.2017 um 02:48
Background Image Slider für Blogs und Profile

Beim "Background Image Slider" handelt es sich um eine CSS-Animation, die es dir ermöglicht, statt - wie gewöhnlich -  eines einzelnen Hintergrundbildes einen automatischen Wechsel beliebig vieler Hintergrundbilder in deinem Blog oder Profil anzuzeigen.

Beispiel

Der Code als Text-Datei: Background_Image_Slider.txt (2,44 KB)

Die Parameter wie z.B. die Geschwindigkeit der Sequenzen (-> Dauer des Wechsels von einem zum anderen Bild) lassen sich leicht anpassen und mit weiteren Änderungen kann der Background Image Slider auch als "normaler" Slider verwendet werden.

So long...

t683b034 t2da9227 t411109e t2bd9ebc t1cd


1x verlinktmelden

Code- und Designerecke für Allmy Profile und Blogs

25.02.2018 um 16:17
Wer immer wieder mal Codes zum Einbau von YouTube Videos ins Profil oder Blog benötigt und nicht lange suchen will, kann meinen neuen Online YouTube Video Coder nutzen:

up b752a0de1eaf yt coder startOriginal anzeigen (0,2 MB)

Mehr dazu: https://www.allmystery.de/blogs/s_c/s_cs_youtube_video_coder

So long...

tebd1d80 t683b034 t2da9227 t411109e t2bd


melden

Code- und Designerecke für Allmy Profile und Blogs

25.02.2018 um 16:20
Eine coole Möglichkeit, zusätzlichen Content in dein Profil oder Blog einzubauen, ist das aufklappbare Off-Canvas Menü:

up 0ee9d9ee7de3 button

up bfe27e7e19d9 menue

Mehr: https://www.allmystery.de/blogs/s_c/offcanvas_menue

So long,

t93f1f989cef3 tebd1d80 t683b034 t2da9227


melden

Code- und Designerecke für Allmy Profile und Blogs

02.03.2020 um 10:55
Vielleicht kann hier ein Profi helfen:

In einem Themenwiki bekomme ich einen riesigen Abstand zwischen Meiner Überschrift (getagt mit [size = 5]) und der direkt dahinter angeührten Tabelle.
Das passiert mit und ohne einer horizontalen Linie, die ich aus optischen Gründen verwende.
Irgendeine Idee, woran das liegen kann?


Das sieht so aus:
kcypkiuunii6 ep wiki 1

Quelltext ist:
qossrcfve6vv ep wiki 2


melden

Code- und Designerecke für Allmy Profile und Blogs

29.09.2020 um 01:16
Für die Erstellung von Tabellen empfehle ich den Online Generator von Bookersite, denn der generiert den BBCode mit den Tabellen Tags direkt OHNE Leerzeichen und -zeilen.


Anzeige

melden

Neuen Beitrag verfassen
Dies ist eine Vorschau, mit den Buttons am Ende der Seite kannst du deinen Beitrag abschicken.
Bereits Mitglied?  
Schriftgröße:
Größe:
Dateien Hochladen
Vorschau
Bild oder Datei hochladen

Bleib auf dem Laufenden und erhalte neue Beiträge in dieser Diskussion per E-Mail.


Oder lad dir die Allmystery App um in Echtzeit zu neuen Beiträgen benachrichtigt zu werden:

Ähnliche Diskussionen
Themen
Beiträge
Letzte Antwort
Allmystery: Do it yourself: CSS für Profil und Blog
Allmystery, 6.815 Beiträge, am 02.04.2024 von Sangritana
yaacool am 12.11.2010, Seite: 1 2 3 4 ... 338 339 340 341
6.815
am 02.04.2024 »
Allmystery: Profil bearbeiten
Allmystery, 43 Beiträge, am 09.12.2021 von Terror-Toast
nero3 am 08.09.2014, Seite: 1 2 3
43
am 09.12.2021 »
Allmystery: Kann man die Schrift im Profil dicker machen?
Allmystery, 20 Beiträge, am 21.03.2014 von Bodo
sweetXcandyX am 09.02.2014
20
am 21.03.2014 »
von Bodo
Allmystery: Warum gibt es die Funktion "Profil verstecken"?
Allmystery, 31 Beiträge, am 05.12.2020 von Schnapspraline
nachthauch am 13.10.2020, Seite: 1 2
31
am 05.12.2020 »
Allmystery: Schriftfarbe im Profil
Allmystery, 154 Beiträge, am 06.04.2020 von AnO91
SOAK am 22.07.2008, Seite: 1 2 3 4 5 6 7 8
154
am 06.04.2020 »
von AnO91