&bull; CSS &amp; HTML: Fragerunde &bull;

33, Weiblich

11. Ghostwriter

Neuling

Re: • CSS & HTML: Fragerunde •

von Fene am 08.04.2022 21:34

Klasse Danke!

Nur das mit den Linien klappt irgendwie nicht so richtig...?

Fene: Für die Linien:#content h4, #content h4.sub_head {font-family: cinzel !important;font-size: 11px !important;letter-spacing: 2px;font-weight: bolder !important;color: #ffffff;!important: ;text-align: center !important;text-transform: uppercase !important;background-color: #71766000!important;background-repeat: repeat !important;border: 0px solid #ffffff !important;border-radius: 0px 0px 0px 0px !important;padding: 5px !important;box-shadow: none;}Für die Optionen:.profileOptionsTitle {background-image: none;}#profileOptions ul li a {border: 1px solid #71766000;border-radius: 0px 0px 0px 0px !important;text-align: center;}.light2 {background-color: #ffffff00 !important;background-image: none !important;background-repeat: repeat;}Für dein Profilbild:#profileInfosLeft {width: 295px;float: left;margin-left: -153px;}#profileImage {width: 140px;padding: 0 0 7px 0;margin-left: 317px;} I BE HOPINGTHAT THEVIBE NEVER ENDS.

Antworten

Anticonformist
Administrator

28, Weiblich

13. Award Winning Author

Moderator

Ambitionierter Teilnehmer

Re: • CSS & HTML: Fragerunde •

von Anticonformist am 08.04.2022 21:09

@Fene:

Für die Linien:
#content h4, #content h4.sub_head {
font-family: cinzel !important;
font-size: 11px !important;
letter-spacing: 2px;
font-weight: bolder !important;
color: #ffffff;
!important: ;
text-align: center !important;
text-transform: uppercase !important;
background-color: #71766000!important;
background-repeat: repeat !important;
border: 0px solid #ffffff !important;
border-radius: 0px 0px 0px 0px !important;
padding: 5px !important;
box-shadow: none;
}

Für die Optionen:
.profileOptionsTitle {
background-image: none;
}

#profileOptions ul li a {
border: 1px solid #71766000;
border-radius: 0px 0px 0px 0px !important;
text-align: center;
}

.light2 {
background-color: #ffffff00 !important;
background-image: none !important;
background-repeat: repeat;
}

Für dein Profilbild:
#profileInfosLeft {
width: 295px;
float: left;
margin-left: -153px;
}

#profileImage {
width: 140px;
padding: 0 0 7px 0;
margin-left: 317px;
}

Antworten

33, Weiblich

11. Ghostwriter

Neuling

Re: • CSS & HTML: Fragerunde •

von Fene am 08.04.2022 20:54

Vielen lieben Dank nochmal!

Da mein Flehen so fleißig erhört wird möchte ich gleich weiter nerven x,DDD (Gib mir den Finger und ich nehme den ganzen Arm)

Wie bekomme ich diese Linien weg? Und wie diesen weißen Rahmen um Optionenkasten?

Uuuund wie kriege ich mein Profilbld so schick in die Mitte wie es viele hier haben?

Ich bedanke mich gaaanz herzlich für die Hilfe und Mühe <3

I BE HOPINGTHAT THEVIBE NEVER ENDS.

Antworten

Anticonformist
Administrator

28, Weiblich

13. Award Winning Author

Moderator

Ambitionierter Teilnehmer

Re: • CSS & HTML: Fragerunde •

von Anticonformist am 08.04.2022 12:16

Vielen viiieeelen Dank! *~*Ich würde das mit der grauen Linie gern mal ausprobieren :3 <3

Gar kein Problem!

Dann bitte die Codes damit ersetzen:

.dynamic-tab-pane-control .tab-row .tab.selected a {
background-color: #000000 !important;
background-image: none !important;
color: #ff8d24 !important;
font-family: Verdana, Arial, Helvetica, sans-serif !important;
font-style: italic !important;
}

.dynamic-tab-pane-control .tab-row .tab a {
background-image: none !important;
border-left: 1px solid #dfdfdf00;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;
color: #db8c00 !important;
padding: 5px 10px 4px 10px;
text-shadow: 1px 1px #ffffff00;
}

Antworten

33, Weiblich

11. Ghostwriter

Neuling

Re: • CSS & HTML: Fragerunde •

von Fene am 07.04.2022 21:09

Vielen viiieeelen Dank! *~*

Ich würde das mit der grauen Linie gern mal ausprobieren :3 <3

.dynamic-tab-pane-control .tab-row .tab a {background-image: url(/js/tabpane/css/budino/clean/bg_tab.gif);border-left: 1px solid #dfdfdf00;border-right: 0px;border-top: 0px;border-bottom: 0px;color: #66666600 !important;padding: 5px 10px 4px 10px;text-shadow: 1px 1px #ffffff00;}Falls du auch die graue Linie loswerden willst, gib Bescheid! I BE HOPINGTHAT THEVIBE NEVER ENDS.

Antworten

Anticonformist
Administrator

28, Weiblich

13. Award Winning Author

Moderator

Ambitionierter Teilnehmer

Re: • CSS & HTML: Fragerunde •

von Anticonformist am 07.04.2022 19:59

Oh erhöret mein Flehen ihr fleißigen Designer-Sexy-Halbgötter!Wie werde ich diese weiße Untermalung der Schrift und den weißen Rahmen los?Vielen Dank für Eure Hilfe!!

Das müsste mit den zwei Codes klappen:

.dynamic-tab-pane-control .tab-row .tab.selected {
background-color: #ffffff00;
cursor: default;
border: 1px solid #b8c1cb00;
border-bottom: 1px solid #ffffff00;
padding: 0;
height: 26px;
color: #313131;
}

.dynamic-tab-pane-control .tab-row .tab a {
background-image: url(/js/tabpane/css/budino/clean/bg_tab.gif);
border-left: 1px solid #dfdfdf00;
border-right: 0px;
border-top: 0px;
border-bottom: 0px;
color: #66666600 !important;
padding: 5px 10px 4px 10px;
text-shadow: 1px 1px #ffffff00;
}

Falls du auch die graue Linie loswerden willst, gib Bescheid!

Antworten

33, Weiblich

11. Ghostwriter

Neuling

Re: • CSS & HTML: Fragerunde •

von Fene am 07.04.2022 19:43

Oh erhöret mein Flehen ihr fleißigen Designer-Sexy-Halbgötter!

Wie werde ich diese weiße Untermalung der Schrift und den weißen Rahmen los?

Vielen Dank für Eure Hilfe!!

Antworten

orphic

24, Männlich

7. Columnist

Neuling

Beiträge: 187

Re: • CSS & HTML: Fragerunde •

von orphic am 03.04.2022 15:40

Hallöchen!Ich hätte da eine etwas speziellere Frage. Und zwar: hat jemand zufälligerweise einen Code für Spoiler-Boxen, die man auch in Blogeinträgen verwenden kann? Ich bin bislang bei jedem Versuch kläglich gescheitert. Ich weiß von einem Code, der aber nur bei Safari-Browsern klappt. Wäre also wirklich genial, wenn dieser Code unabhängig vom jeweiligen Browser funktioniert.Danke im Voraus! ♥ I BE HOPINGTHAT THEVIBE NEVER ENDS.

Heyoo,

Ich habe versucht mal ein paar Codes auszuprobieren und der nächstbeste wäre dieser hier:

Details
Text

Ich benutze FireFox. Allerdings funktioniert der Code irgendwie nur, wenn ich eine Tryit Editor Seite verwende, bei Blogeinträgen nicht. Ich denke, dass du ohne eine Mischung aus css und html Code keinen Umweg finden wirst. :[ Tut mir leid, dass ich nicht weit helfen konnte :/

Ich hätte in die Runde auch eine Frage:

Gäbe es einen Code die Größe des Youtube-Players auf das Profil oder bei Blogeinträgen zu ändern? Ich würde gerne die Größe so gestalten, dass nur noch der Playbutton zu sehen ist, habe aber das Problem, dass irgendwie der Hintergrund sich nicht ändert und schwarz bleibt. Wüsste da jemand weiter?

Update: Habe das Problem gelöst. Allerdings ist jetzt ein weiterer Fehler aufgetreten, in dem mein Video nicht abgespielt wird. Es wird mir eine Meldung der Wiedergabe gezeigt.

Ich habe ein paar Dinge ausprobiert, jedoch haben alle für eine Lösung gescheitert:

- AdBlocker deaktiviert (kann auch nicht daran liegen, weil YT-Videos auf anderen Profilen auch mit AdBlocker laufen)

- Fehler beim Coding (habe hauptsächlich Codings für Ads entfernt, doch auch bei deren Abwesenheit spielte das Video nicht ab)

- Länge des Videos (ich dachte zuerst, dass es daran lag, weil mein Video um die 45 Minuten andauert, und habe daher andere Videos mit unterschiedlicher Zeitlänge eingefügt. Keiner lief)

- Audio-/Videoplayer aktiviert

Falls jemand eine Ahnung hat, was für eine Dummheit ich angestellt habe, würde ich mich über etwas Unterstützung freuen 😭

DOUBLE UPDATE: ICH EXPOSE JETZT HIER MEINE FETTE DUMMHEIT

Der Grund, wieso der Player nicht funktioniert hat, war, weil ich nicht den vollen Link eingefügt habe...

Hat sich somit alles geklärt

Danke euch schon mal im Voraus!☀

Antworten Zuletzt bearbeitet am 07.04.2022 22:28.

Anticonformist
Administrator

28, Weiblich

13. Award Winning Author

Moderator

Ambitionierter Teilnehmer