• CSS & HTML: Fragerunde •

27, Weiblich

8. Pocketbook Writer

Re: • CSS & HTML: Fragerunde •

von butterflyghost am 24.07.2024 21:47

Ich nochmal! (: Ich spiele gerade mit dem Profildesign herum. Wie bekomme ich denn das LiNet noch farbig, damit da kein weißter Balken mehr ist, sowie die Leiste mit Gästebuch & Co?

Danke<3

Antworten

Anticonformist
Administrator

27, Weiblich

13. Award Winning Author

Moderator

Ambitionierter Teilnehmer

Header-Design

Beiträge: 5635

Re: • CSS & HTML: Fragerunde •

von Anticonformist am 04.08.2024 10:40

Ich nochmal! (: Ich spiele gerade mit dem Profildesign herum. Wie bekomme ich denn das LiNet noch farbig, damit da kein weißter Balken mehr ist, sowie die Leiste mit Gästebuch & Co?Danke<3

Hello!
Falls du den Trennungsstreifen unter dem Gästebuch etc. meinst, sollte der Code behilflich sein:

.dynamic-tab-pane-control .tab-page { clear: both; border: 0; border-top: none !important; font-family: Tahoma, Verdana, Helvetica, Arial; font-size: 11px; padding: 15px 0 0 0; }

Antworten

Anticonformist
Administrator

27, Weiblich

13. Award Winning Author

Moderator

Ambitionierter Teilnehmer

Header-Design

Beiträge: 5635

Re: • CSS & HTML: Fragerunde •

von Anticonformist am 04.08.2024 10:43

Weiß jemand, warum sämtliche html Codes (nicht meine eigenen), auf den ersten Blick so aussehen, wie sie aussehen sollen, in der Vorschau und nach dem Absenden aber nicht mehr? Bin dezent am Verzweifeln.Beispiel:Der Code dazu:

why would you be loved

Onde — Quando — Com quem

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse rutrum dapibus tincidunt. Phasellus mattis felis sit amet rhoncus dignissim. Nullam gravida vel enim nec vestibulum. Fusce ultricies elementum ex, id eleifend lacus ultricies at. Praesent a cursus diam. Ut suscipit sagittis enim. In consequat at augue quis fringilla. Donec posuere consectetur dui ac ornare. Nam urna ante, efficitur quis lobortis vitae, congue sit amet metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Praesent ac auctor augue. Duis in velit vitae diam egestas blandit. Curabitur eget ligula eu odio elementum ultrices. Duis vel libero quis odio interdum viverra sed egestas turpis. Aenean blandit, mi sit amet ultricies accumsan, urna lorem feugiat dui, vel condimentum erat leo sit amet purus. Nam dictum tortor nisl. Nunc a commodo est. Mauris scelerisque nunc quis est porttitor, sed sodales nulla fringilla. Aliquam aliquet, lorem in iaculis accumsan, dui sapien cursus dolor, at rutrum arcu sapien sit amet velit. Donec iaculis malesuada tellus, quis iaculis ipsum tempus id. Etiam interdum ipsum eget tortor hendrerit posuere. Suspendisse tincidunt viverra efficitur. Suspendisse id est nec mauris fringilla auctor a ut turpis. Nam luctus augue tortor, sit amet pharetra odio congue et. Sed malesuada porta bibendum. Nulla pharetra rutrum lorem, ac volutpat diam placerat ac. Donec velit est, placerat in pellentesque pretium, fringilla ac dolor. Donec commodo eros in diam tincidunt pharetra.

Das passiert mir auch manchmal. Insbesondere, wenn die Google-Fonts Schrift im Beitrag eingebunden wird. Würde empfehlen, einfach in einem Test-Thread das vorab zu testen und zu schauen, ob alles wirklich passt.

Antworten

butterflyghost

27, Weiblich

8. Pocketbook Writer

Beiträge: 2133

Re: • CSS & HTML: Fragerunde •

von butterflyghost am 04.08.2024 22:18

Ich danke dir! <3

.dynamic-tab-pane-control .tab-page { clear: both; border: 0; border-top: none !important; font-family: Tahoma, Verdana, Helvetica, Arial; font-size: 11px; padding: 15px 0 0 0; }

Antworten

Kadir_Drago...

24, Weiblich

10. Wannabe Poet

Neuling

Beiträge: 1723

Re: • CSS & HTML: Fragerunde •

von Kadir_Dragonfire am 21.08.2024 18:10

Hey :) Könnte mir jemand bitte erklären, wie man auf dem Profil im Gruppenkasten eine Scrollbar einbauen kann? Danke <3

Antworten

Honeyduck

26, Weiblich

12. Famous Novelist

Neuling

Beiträge: 1147

Re: • CSS & HTML: Fragerunde •

von Honeyduck am 22.08.2024 04:38

Hey :) Könnte mir jemand bitte erklären, wie man auf dem Profil im Gruppenkasten eine Scrollbar einbauen kann? Danke <3

Du musst deinem Code für den Gruppenkasten folgendes hinzufügen:

overflow: scroll; height: 100px; }

Das würde dann zum Beispiel so aussehen:

/* Gruppenkasten */
.profile_list_groups {
overflow: scroll;
height: 100px;
}

Bei "height" gibst du dann einfach nur die gewünsche Höhe für den Kasten ein (:

I want to go home,
but I'm homesick for a placethat doesn't exist.

Antworten

Kadir_Drago...

24, Weiblich

10. Wannabe Poet

Neuling

Beiträge: 1723

Re: • CSS & HTML: Fragerunde •

von Kadir_Dragonfire am 22.08.2024 11:29

overflow: scroll; height: 100px; }/* Gruppenkasten */.profile_list_groups {overflow: scroll;height: 100px;}I want to go home,but I'm homesick for a placethat doesn't exist.

Danke!

Antworten

corpse

24, Weiblich

2. Ambitious Beginner

Beiträge: 3

Re: • CSS & HTML: Fragerunde •

von corpse am 07.09.2024 16:14

hallo, ich hätte gerne die restlichen ränder auch in schwarz gehabt. also die, die noch grün/blau zu sehen sind.

btw, wie schiebe ich mein profilbild in die mitte?

wäre dankbar für die links <3

Antworten Zuletzt bearbeitet am 07.09.2024 16:24.

Honeyduck

26, Weiblich

12. Famous Novelist

Neuling

Beiträge: 1147

Re: • CSS & HTML: Fragerunde •

von Honeyduck am 08.09.2024 02:45

hallo, ich hätte gerne die restlichen ränder auch in schwarz gehabt. also die, die noch grün/blau zu sehen sind.btw, wie schiebe ich mein profilbild in die mitte?wäre dankbar für die links <3

Falls du die Überschrift (Profil von ...) ganz weg haben willst:

/* Erster Buchstabe */
h1:first-letter {
display: none !important;
}
/* Überschrift */
h1 {
display: none !important;
}

Gleiches gilt auch für die blauen Pfeile, um zum vorherigen oder nächsten Profil zu wechseln:

/* Profil Preview u. next */
#profileNextPrev {
display: none !important;
}

Um dein Profilbild in die Mitte zu verschieben, brauchst du diesen Code (der sollte, da du deine Statistik ja ausgeblendet hast, so funktionieren - tut er zumindest bei mir):

/* PROFILBILD MITTIG */
/* Allgemeines */
#profile #profileInfosLeft {
margin-left: 278px;
position: relative;
width: 250px;
}
/* Bild */
#profile #profileImage {
margin-left: 218px;
margin-top: 10px;
position: absolute;
}
/* Persoenliches */
#profile #profileAdvanced {
width: 504px;
margin-left: 1px;
}

Bei den Zwischenüberschriften und dem Profilbild musst du noch folgendes einfügen:

box-shadow: 0px 0px 0px 0px #000000!important;

Um den Rand bei den Boxen zu entfernen (Allgemeines, Statistik & Persönliches) brauchst du folgenden Code:

/* Boxen */
div.box2 {
border-width: 0px !important;
}

oder alternativ, wenn du nur die Farbe des Rands ändern willst:

/* Boxen */
div.box2 {
border-color: #000000 !important;
}

Für die Gruppen gilt dieser Code:

/* Gruppenkasten */
.profile_list_groups {
border-width: 0px !important;
}

Oder auch eben hier alternativ:

/* Gruppenkasten */
.profile_list_groups {
border-color: #000000 !important;
}

Um den Rahmen der Bilder in der Freundesliste zu ändern:

/* Freundesliste: Profilbilder */
ul.relationships li img {
border-color: #000000 !important;
box-shadow: 0px 0px 0px 0px !important;
}

oder alternativ, wenn du den Rahmen ganz entfernen willst, auch wieder hier:

/* Freundesliste: Profilbilder */
ul.relationships li img {
border-width: 0px !important;
box-shadow: 0px 0px 0px 0px !important;
}

Für die Optionen, wenn du wirklich alle Linien/Ränder schwarz haben willst, empfehle ich dir den Code (ich habe die Schriftfarbe hier auf weiß gesetzt, sonst sieht man natürlich nichts mehr):

/* Optionen Linien */
.light2 {
background-color: #000000 !important;
}
/* Optionen: Titel */
.profileOptionsTitle {
background-image: url("https://www.colorhexa.com/000000.png") !important;
background-repeat: repeat !important;
color: #ffffff !important;
border-color: #000000 !important;
border-width: 0px !important;
border-style: solid !important;
}
/* Optionen: Menüpunkte */
#profileOptions ul li a {
color: #ffffff !important;
background-color: #000000 !important;
border-color: #000000 !important;
border-width: 1px !important;
}

Und, weil ich vorausschauend denke, für den Kasten für die Geschenke in der Zukunft:

/* Geschenke */
ul.profile_list_gifts {
background-image: url("https://www.colorhexa.com/000000.png") !important;
border-color: #000000 !important;
}

ooooooder (as usual)

/* Geschenke */
ul.profile_list_gifts {
background-image: url("https://www.colorhexa.com/000000.png") !important;
border-width: 0px !important;
}

Ich glaube, das war es soweit

I want to go home,
but I'm homesick for a placethat doesn't exist.

Antworten Zuletzt bearbeitet am 08.09.2024 02:54.