Achtet bitte darauf User erst zu Begrüßen wenn sie sich vorgestellt haben.
Bei nicht einhalten dieser Info folgt eine Verwarnung!! -Zum Thema-

An alle Mitglieder schreibt mir bitte in diesem Thema dazu, ob ihr Partner bei uns im Forum seit -Link- :!:

Ihr könnt auch im Thema schreiben, wenn ihr auf unsere Partner Seite wollt :!:

Artikel von „Idefix1975“ 20

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

Label mit CSS ansprechen

Idefix1975 19. Februar 2018, 21:55 - Code`s für WBB-4.1.x+2

Label mit CSS ansprechen

Idefix1975 19. Februar 2018, 21:55 - Code`s für WBB-4.1.x+2

Wie ansprechen ich Label mit CSS Code an im WBB-4.x.x

Wie ansprechen ich Label mit CSS Code an

1 - Ihr geht in denn ACP dort geht ihr auf Inhalt dann auf Label hinzufügen dort setzt ihr denn Punkt bei dem Schreiberei dann schreibt ihr ein Namen rein mit denn ihr dann denn Label über CSS Code ansprecht.

Ich habe mal als Ansprechname (MeinLabe1) benutzt.

2 - Dann geht ihr im ACP auf Darstellung dann geht ihr zum dem Style wo ihr denn Label ansprechen wollt.

CSS-Quellcode: CSS Code für Hintergrund und Text

.MeinLabe1 {

background: rgb(119 , 1, 1, 1);

background: -moz-linear-gradient(left, rgba(119, 1, 1, 1) 0%, rgba(156, 32, 0, 1) 50%, rgba(119, 1, 1, 1) 100%);

background: -webkit-linear-gradient(left, rgba(119, 1, 1, 1) 0%,rgba(156, 32, 0, 1) 50%,rgba(119, 1, 1, 1) 100%);

border-radius: 10px;

color: rgb(255, 255, 255, 1);

… [Weiterlesen]

Zum Seitenanfang
WoltLab Burning Board Lite 2.1.2 pl1

Idefix1975 14. Januar 2018, 23:43 - Kurz & einfachstübchen

WoltLab Burning Board Lite 2.1.2 pl1

Idefix1975 14. Januar 2018, 23:43 - Kurz & einfachstübchen

Das WBB Lite 2.1.2 pl1 ist die letzte kostenlose, auf dem von Grund auf neu entwickelten und kostenpflichtigen WBB 3.1.8, WBB 4.0, WBB 4.1, WSF 3.0 & das neue WSF 3.1 basierende Versionen.

WoltLab Burning Board Lite 2.1.2 pl1

Das WBB Lite 2.1.2 pl1 ist die letzte kostenlose, auf dem von Grund auf neu entwickelten und kostenpflichtigen WBB 3.1.8, WBB 4.0, WBB 4.1, WSF 3.0 & das neue WSF 3.1basierende Versionen.

Die offizielle Unterstützung für das WBB Lite 2.1.2 pl1 & WBB 3.1.8 wurde am 01. Juli 2016 eingestellt.

Die von mir hier gepostet WBB Lite 2.1.2 pl1 Version ist unter neueren Umgebungen (z.B. MySQL 5.5, MySQL 5.5.58-MariaDB + PHP 5.5, PHP 5.6 ) ohne eigene Anpassungen lauffähig.

Das hast WBB Lite 2.1.2 pl1 Version lauft bei fast allen Webspace z.B.

Kostenlose Webspace:

http://www.square7.ch

http://www.bplaced.net

Kostenpflichtige Webspace:

https://all-inkl.com

https://www.hostingtime.de

https://www.netcup.de

Das ist unser Webspace - Eigene Domain + 300 GB Webspace zum sonnigen Preis von 2,99 €/Monat

Wenn ihr Hilfe braucht beim Installieren des WBB Lite 2.1.2 dann startet hier ein Ticket in der Kategorie (Hilfethema - WBB-2.1.2 Installieren)dann… [Weiterlesen]

Zum Seitenanfang
Bild Auszoomen mit CSS3

Idefix1975 7. Januar 2018, 01:05 - CSS Codestübchen, CSS 3 Tutorial`s

Bild Auszoomen mit CSS3

Idefix1975 7. Januar 2018, 01:05 - CSS Codestübchen, CSS 3 Tutorial`s

Bild Auszoomen mit CSS3 mittels Mouseover

Fahrt mit der Maus über das Bild

CSS-Quellcode: Bild Auszoomen

.container:hover .bild {

-webkit-transform:scale(1);

transform:scale(1);

}

.container {

overflow:hidden;

width:200px;

height:150px;

}

.bild {

-webkit-transform:scale(1.3);

transform:scale(1.3);

-webkit-transition: all 0.7s ease;

transition: all 0.7s ease;

}

Alles anzeigen
[Weiterlesen]

Zum Seitenanfang
CSS3 Effekte

Idefix1975 7. Januar 2018, 01:00 - CSS Codestübchen, CSS 3 Tutorial`s

CSS3 Effekte

Idefix1975 7. Januar 2018, 01:00 - CSS Codestübchen, CSS 3 Tutorial`s

In diesem Blog geht es vorrangig um CSS3 Effekte.
Vorgestellt werden diverse CSS3 Übergänge, Transformationen und Animationen, welche mittels Mouseover bei Bedarf hervorgerufen werden.

In diesem Blog geht es vorrangig um CSS3 Effekte.

Vorgestellt werden diverse CSS3 Übergänge, Transformationen und Animationen, welche mittels Mouseover bei Bedarf hervorgerufen werden.

Neben den zahlreichen visuellen Beispielen findest Du auch gleich den dazugehörigen Quellcode.

Denn kannst Du frei verwenden und natürlich auch modifizieren für was auch immer Du willst.

CSS3 ist eine wahre Bereicherung. Es erleichtert das Designen von modernen Webseiten, geht schnell, ist effizient und es läßt nicht selten das Besucherherz ein wenig höher schlagen. Mit CSS3 kann man einige nette Effekte ins Leben rufen, wofür man früher zumeist auf Javascript oder Flash zurückgreifen mußte.

Ein Wort zu Anbieter-Präfixen (vendor prefixes)

Bevor wir durchstarten, möchte ich Euch eine Übersicht zu den Präfixen verschiedener Anbieter [-webkit-|-moz-|-o-|-ms-] geben, die Du auf dieser Seite finden. Der Grund dafür ist, dass Du nicht alle Präfixe überall einfügen müssen. Zum Beispiel kommt… [Weiterlesen]

Zum Seitenanfang
Bildgröße mit CSS3

Idefix1975 7. Januar 2018, 01:00 - CSS Codestübchen, CSS 3 Tutorial`s

Bildgröße mit CSS3

Idefix1975 7. Januar 2018, 01:00 - CSS Codestübchen, CSS 3 Tutorial`s

Bildgröße mit CSS3 mittels Mouseover

Fahrt mit der Maus über das Bild

CSS-Quellcode: Bildgröße

.bild:hover {

-webkit-transform:scale(1.2);

transform:scale(1.2);

}

.bild {

-webkit-transition: all 0.7s ease;

transition: all 0.7s ease;

}

[Weiterlesen]

Zum Seitenanfang
Bild Einzoomen mit CSS3

Idefix1975 7. Januar 2018, 01:00 - CSS Codestübchen, CSS 3 Tutorial`s

Bild Einzoomen mit CSS3

Idefix1975 7. Januar 2018, 01:00 - CSS Codestübchen, CSS 3 Tutorial`s

Bild Einzoomen mit CSS3 mittels Mouseover

Fahrt mit der Maus über das Bild

CSS-Quellcode: Bild Einzoomen

.container:hover .bild {

-webkit-transform:scale(1.3);

transform:scale(1.3);

}

.container {

overflow:hidden;

width:200px;

height:150px;

}

.bild {

-webkit-transition: all 0.7s ease;

transition: all 0.7s ease;

}

Alles anzeigen
[Weiterlesen]

Zum Seitenanfang
Bild Ränder und Schatteneffekte CSS3

Idefix1975 7. Januar 2018, 01:00 - CSS Codestübchen, CSS 3 Tutorial`s

Bild Ränder und Schatteneffekte CSS3

Idefix1975 7. Januar 2018, 01:00 - CSS Codestübchen, CSS 3 Tutorial`s

Bild Ränder und Schatteneffekte mit CSS3 mittels Mouseover

Fahrt mit der Maus über das Bild

CSS-Quellcode: Ränder und Schatteneffekte

.bild:hover {

border-radius:50%;

box-shadow: 0 10px 6px -6px grey;

}

.bild {

-webkit-transition: all 0.7s ease;

transition: all 0.7s ease;

}

[Weiterlesen]

Zum Seitenanfang
Bild Randverzerrung CSS3

Idefix1975 7. Januar 2018, 00:00 - CSS Codestübchen, CSS 3 Tutorial`s

Bild Randverzerrung CSS3

Idefix1975 7. Januar 2018, 00:00 - CSS Codestübchen, CSS 3 Tutorial`s

Bild Randverzerrung mit CSS3 mittels Mouseover

Fahrt mit der Maus über das Bild

CSS-Quellcode: Randverzerrung

.bild:hover {

border-top-left-radius: 120px;

border-bottom-right-radius: 120px;

border-top-right-radius: 15px;

border-bottom-left-radius: 15px;

}

.bild {

border-bottom-left-radius: 120px;

border-top-right-radius: 120px;

border-top-left-radius: 15px;

border-bottom-right-radius: 15px;

-webkit-transition: all 0.7s ease;

transition: all 0.7s ease;

}

Alles anzeigen
[Weiterlesen]

Zum Seitenanfang
Bild Randverzerrung II CSS3

Idefix1975 7. Januar 2018, 00:00 - CSS Codestübchen, CSS 3 Tutorial`s

Bild Randverzerrung II CSS3

Idefix1975 7. Januar 2018, 00:00 - CSS Codestübchen, CSS 3 Tutorial`s

Bild Randverzerrung II mit CSS3 mittels Mouseover

Fahrt mit der Maus über das Bild

CSS-Quellcode: Randverzerrung II

.bild:hover {

border-top-left-radius: 30px 120px;

border-bottom-right-radius: 30px 120px;

border-bottom-left-radius: 15px;

border-top-right-radius: 15px;

}

.bild {

border-top-left-radius: 15px;

border-top-right-radius: 120px 30px;

border-bottom-left-radius: 120px 30px;

border-bottom-right-radius: 15px;

-webkit-transition: all 0.7s ease;

transition: all 0.7s ease;

}

Alles anzeigen
[Weiterlesen]

Zum Seitenanfang
Bild Leuchtende-Ränder CSS3

Idefix1975 7. Januar 2018, 00:00 - CSS Codestübchen, CSS 3 Tutorial`s

Bild Leuchtende-Ränder CSS3

Idefix1975 7. Januar 2018, 00:00 - CSS Codestübchen, CSS 3 Tutorial`s

Bild Leuchtende-Ränder mit CSS3 mittels Mouseover

Fahrt mit der Maus über das Bild

CSS-Quellcode: Leuchtende Ränder

.bild:hover {

-webkit-box-shadow: 0px 0px 15px 10px rgba(255, 255, 255, .75);

box-shadow: 0px 0px 15px 10px rgba(255, 255, 255, .75);

}

.bild {

-webkit-box-shadow: 0px 0px 15px 5px rgba(0, 185, 233, .75);

box-shadow: 0px 0px 15px 5px rgba(0, 185, 233, .75);

-webkit-transition: all 0.7s ease;

transition: all 0.7s ease;

}

[Weiterlesen]

Zum Seitenanfang