Wir werden unterstützt von:


• CSS & HTML: Fragerunde •

Erste Seite  |  «  |  1  ...  11  |  12  |  13  |  14  |  15  ...  28  |  »  |  Letzte [ Nach unten  |  Zum letzten Beitrag  |  Thema abonnieren  |  Älteste Beiträge zuerst ]


Shinera

33, Weiblich

  6. Fanfiction Writer

Neuling

Beiträge: 98

Re: • CSS & HTML: Fragerunde •

von Shinera am 08.01.2022 21:22

Hab grad leider nicht die Zeit ausführlicher darauf einzugehen, bzw. es für dich herauszuschreiben, aber vllt. ist dir akut schon damit geholfen:

Du kannst in deinem Seitenquelltext (view-source:https://rollenspielhimmel.de/profile/kirsche.html) einfach per strg+f Suche nachschauen wo alles family-font hinterlegt ist, da siehst du wie die Bereiche heißen und welche Schrift da bei dir aktuell hinterlegt ist und sie ändern.

Überall da, wo der Befehl !important angefügt ist, würde ich es auch stehen lassen, damit überschreibst du quasi eine Schriftart wenn schon eine von einer höheren Ebene vorgegeben ist. Ohne dem !important wird sonst evlt. nicht die Schriftart angezeigt, die du an jener Stelle gerne hättest.

Das ab Zeile 1845 kannst du dabei aber ignorieren, das sind nur Verlinkungen zu Schriftarten.

Antworten

kirsche

-, Weiblich

  6. Fanfiction Writer

Beiträge: 139

Re: • CSS & HTML: Fragerunde •

von kirsche am 08.01.2022 10:52

Huhu :)
Ist vielleicht eine dumme Frage aber: Wie ändert man die Schriftart auf dem Profil? Ich würde gerne alles ändern, ausser die Boxüberschriften (dafür hab ich auch schon den Code). 
Hoffe es kann mir jemand weiterhelfen! x 

'beauty is terror.'

Antworten

Shinera

33, Weiblich

  6. Fanfiction Writer

Neuling

Beiträge: 98

Re: • CSS & HTML: Fragerunde •

von Shinera am 30.12.2021 22:49

1. Das erreichst du indem du vor dem webkit-Befehl body verwendest. Somit änderst du lediglich den Hintergrund besagten Balkens.

body::-webkit-scrollbar {
     background: #132029 !important;
}


2. Das ist ein bisschen ein Gefusel, da hier mehrere Elemente geschichtet sind. Ich versuche es aufzudröseln.
Untenstehend sind die Bereiche mit deiner aktuellen Einstellung.

Allgemeine Einstellung aller Tabs:
.dynamic-tab-pane-control .tab-row .tab {
font-size: 11px;
float: left;
margin: 0 0px -1px 0px;
}

Einstellung der Box des gerade ausgewählten Tabs (das ist in diesem Fall immer 'Profil von...')
.dynamic-tab-pane-control .tab-row .tab.selected {
background-color: #ffffff;
cursor: default;
border: 1px solid #b8c1cb;
padding: 0;
height: 26px;
color: #313131;
}

Einstellung des Text(links) des gerade ausgewählten Tabs ('Profil von'):
.dynamic-tab-pane-control .tab-row .tab.selected a {
background-image: url(/js/tabpane/css/budino/bg_tab_selected.gif);
border: 0;
padding: 5px 10px 5px 10px;
}
Das gleiche wie oben, wenn Mauszeiger drüber fährt:
.dynamic-tab-pane-control .tab-row .tab.selected a:hover {
}


Gästebuch & Blog:
.dynamic-tab-pane-control .tab-row .tab a {
background-image: none;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
background-color: #ffffff;
padding: 5px 10px 4px 10px; }
Das gleiche wie oben, für Mousehover:
.dynamic-tab-pane-control .tab-row .tab a:hover {
background-image: url(https://static2.yooco.de/n/46/416102/u/fa/5440394/storage/RSH-Winter-2021-HG-001.png);
text-shadow: 0px 0px #571010 !important;
box-shadow: 0 0 2px #000000;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff; }


Phew, das war schon arbeit das herauszupfriemeln, viel Spaß damit.


3. Die Options-Box allgemein kannst du somit ansprechen und transparent machen:

.light2 {
background-color: transparent !important;
}

Die Boxen der einzelnen Optionen:
#profileOptions ul li a {
background-color: transparent;
border-color: transparent;
color: #27535b !important;
}




Antworten

Aelin

29, Weiblich

  8. Pocketbook Writer

Neuling

Beiträge: 515

Re: • CSS & HTML: Fragerunde •

von Aelin am 30.12.2021 14:24

Ich hätte da drei Fragen;

Ich bin gerade am bearbeiten und ausprobieren der Codes -

1. Wenn ich den Hintergrund des Scrollbalken anpasse, sind es alle in dem Profil - sprich ja die bei den Geschenken, der Vitrine, als auch rechts am Bildschirmrand.
Ich würde diesen 'Hintergrund' aber gerne dem jeweiligen Hintergrund anpassen und hab den Hintergrund also auf 'unsichtbar' gestellt.  - bei den Geschenken und der Vitrine klappt es super.
Aber rechts am Bildschirmrand ist es eben diese Ursprungsfarbe, kann man das manuell anpassen?

2. Ich würde gerne die Farbe der Reiter wie Gästebuch und Blog farblich anpassen - mir fehlt da allerdings der Code für.

3. Ich würde die Optionen gerne meinem Profil anpassen, sprich die Rahmen bzw die Umrandungen würde ich gerne weglassen und sie mit dem Hintergrundbild anpassen - 

Vielleicht kann mir da ja Jemand weiterhelfen. :)

»Schreiben ist; so viel schönes und schreckliches erlebt zu haben, auch wenn das meiste nie wirklich passiert ist.«

Antworten

Shinera

33, Weiblich

  6. Fanfiction Writer

Neuling

Beiträge: 98

Re: • CSS & HTML: Fragerunde •

von Shinera am 23.12.2021 22:03

@Serendipity_

1. Bereiche 'unsichtbar' machen kannst du mit visibility: hidden;
Allgemeines und Vitrine sprichst du wie folgt an:

Allgemeines:

#profileInfosLeft {
      visibility: hidden;
}

Vitrine:
#profileAppShowcase {
      visibility: hidden;
}


2. Dein Bild besitzt eigentlich von sich aus schon einen Rahmen, du hast bei dir noch einen übergestülpt. Den normalen Bildrahmen kannst du ansprechen über:

#profileImage img {
      border: 5px solid #987C5A !important;
      box-shadow: 0px 0px 1px 0px #97988e;
      opacity: 0.9;
      margin-top: 7px !important; }

Das Wichtigste kannst du über die Zeile 'border' konfigurieren.

Wenn du aber dennoch eher den übergestülpten Rahmen anpassen möchtest, müsstest du die margin- und padding-Abstände aus #profileImage img anpassen, die bestimmen nämlich den Abstand zwischen Bild und deinem zusätzlichen Rand, wodurch die Lücke entsteht.

3. Ich hab hier noch nie einen Blogeintrag geschrieben, aber ich gehe mal davon aus, dass es sich ähnlich verhält wie bei normalen Posts. Du müsstest dafür den Button zum Einfügen von HTML-Codes verwenden (das erste Symbol von rechts im Texteditor). Untenstehend ist eine Vorlage, du kannst Schrift, Hintergrund- und Textfarbe deinen Wünschen entsprechend austauschen:

<div style="background-color:black;font-family:courier;color:white;">Hier kommt dein Inhalt rein</div>

Evtl. machen das andere User anders, das wäre soweit nur meine Idee die umsetzbar sein sollte.

Ich bin mir nicht ganz sicher, was du mit weißen Abständen meinst, kannst du mal ein Screenshot zeigen?

4. Entweder wie @random.xme sagt oder du drückst Shift+Enter gleichzeitig.

Antworten

random.xme

22, Weiblich

  10. Wannabe Poet

Event-Begeisterter

Beiträge: 4227

Re: • CSS & HTML: Fragerunde •

von random.xme am 23.12.2021 21:36

Das Absatz-Problem kann ich auch mit wenig Erfahrung beantworten. 

Bei nur einem Absatz passiert gar nichts, wenn du aber 2x auf Enter tippst dann lässt er einen einfachen 😅


Dinge über die etwas geschrieben steht, existieren. Sie sind nicht immer wahr, aber sie existieren


Antworten

Serendipity_
Gelöschter Benutzer

Re: • CSS & HTML: Fragerunde •

von Serendipity_ am 23.12.2021 19:55

Dritte Frage: Wie kann ich bei einem Blogeintrag den Hintergrund ändern? Nicht nur von der Schrift sondern auch die Bilder ohne, dass dabei weiße Abstände zurückbleiben?
Vierte Frage: Wie kann ich Absätze machen? Ich habe gerade gemerkt, dass ich, wenn ich "Enter" drücke zwar in dem Kästchen in das ich schreibe Absätze dabei habe, sende ich diesen Beitrag jedoch ab, ist der Absatz verschwunden.

Antworten

Serendipity_
Gelöschter Benutzer

Re: • CSS & HTML: Fragerunde •

von Serendipity_ am 23.12.2021 19:51

Kann mir jemand sagen, wie ich die komplette Box von "Allgemeines" und "Vitrine" unsichtbar mache? Also wirklich alles - die Überschrift, der Inhalt, die Boxen. Es soll dabei nicht entfernt werden, wie das mit dem Befehl "display: none" möglich wäre sondern wirklich alles einfach nur unsichtbar. Ich würde nämlich gern ein Hintergrundbild erstellen, das dann diese Kästchen ersetzt. Somit müssten diese Kästchen unsichtbar gemacht werden damit ich immer noch genug Platz für das Hintergrundbild habe.
Zweite Frage:
Wie schaffe ich es, dass der Rahmen meines Profilbildes genau um mein Profilbild ist? Aktuell habe ich diesen Code:
/*Bild*/
#profile #profileImage {
margin-left: 300px;
position: absolute;
border-color: #272727 !important;
border-style: solid !important;
}
Jedoch funktioniert der bei mir nicht...

Antworten

Krawalliers...

29, Weiblich

  14. Fandom's Favourite

Ambitionierter Teilnehmer

Beiträge: 4720

Re: • CSS & HTML: Fragerunde •

von Krawalliersdelikt am 22.12.2021 17:06

/* Boxen */
div.box2 {
background-color: #a4a4a4 !important;
background-repeat: repeat !important;
border: 2px solid #000000 !important;
}

Beim ersten änderst du die Hintergrund-Farbe, beim dritten den Rahmen (2px ist die Dicke, #000000 die Farbe). 

Wenn du sie auch verändern willst, wenn man mit der Maus über sie fährt, bräuchtest du außerdem noch den Code:

/* Boxen (Mouseover) */
div.box2:hover {
background-color: #a4a4a4 !important;
background-repeat: repeat !important;
border: 2px solid #000000 !important;
}

but i won't be here when you come for me
i'm already gone, i'm a ghost you can't see

Antworten

random.xme

22, Weiblich

  10. Wannabe Poet

Event-Begeisterter

Beiträge: 4227

Re: • CSS & HTML: Fragerunde •

von random.xme am 22.12.2021 16:52

Hallo Welt, oder besser die Leute die nicht glauben as Internet löschen zu können.

 

Wie schaffe ich es, dass der Rahmen um meine Profiltexte nicht mehr braun sondern...eine andere Farbe hat?
Die Kontrolle über die Boxen habe ich schon erkämpfen können. Nun bleibt mir aber immer noch das Problem mit den Rändern um den anderen Inhalt.

Ein liebes Danke schonmal im Vorraus 


Dinge über die etwas geschrieben steht, existieren. Sie sind nicht immer wahr, aber sie existieren


Antworten
Erste Seite  |  «  |  1  ...  11  |  12  |  13  |  14  |  15  ...  28  |  »  |  Letzte

« zurück zum Forum