Code im Quelltext ändern

Saphyra · Jul 12th 2020

Wie kann ich hier den Quelltext ändern um diesen Icon in ein eigenes Foto umzubauen?

Ich glaube da muss ein anderer Link code für die Interne Verlinkung rein?

Quote

<div class="gridLayout row">

<div class="gridBox col-md-4">

<div class="gridBoxContent gridBoxIcon gridBoxJustify">

<div class="gridBoxContentHeroIcon gridBoxCenter">

<span class="icon icon96 fa-question"></span>

</div>

Display More

Danke..

blnsnoopy26 · Jul 12th 2020

Im Quelltext musst du da nix ändern sondern das wird alles via css angesprochen.

Siehe link meiner Signatur habe ich die fontawesome durch Icons ersetzt alles mittels css

beispiel für die sprechblase:

Code

.fa-question::before {
content: url("pfadzudeinembild");
}

in deinem fall ist das bild 96 pixel x 96 pixel groß

den CSS code trägt man dann bei Individuelles CSS und SCSS ein bei deinem stil.

Saphyra · Jul 12th 2020

Quote from blnsnoopy26
Im Quelltext musst du da nix ändern sondern das wird alles via css angesprochen.

Siehe link meiner Signatur habe ich die fontawesome durch Icons ersetzt alles mittels css

beispiel für die sprechblase:
Code
.fa-question::before {
content: url("pfadzudeinembild");
}
in deinem fall ist das bild 96 pixel x 96 pixel groß
den CSS code trägt man dann bei Individuelles CSS und SCSS ein bei deinem stil.
Display More

Wo an welcher stelle hast du diesen code eingefügt?

blnsnoopy26 · Jul 12th 2020

ACP -> Anpassung -> Stile dort dann auf dein stil gehn und bearbeiten und bei Individuelles CSS und SCSS den CSS code eintragen.

Schutz des stiles braucht man nicht aufheben.

Saphyra · Jul 12th 2020

Meinst Du zufällig das Stilunabhängiges CSS und SCSS ?

Wie kann man eigentlich den Schutz wiederherstellen wenn dieser deaktiviert wurde?

blnsnoopy26 · Jul 12th 2020

Quote from Saphyra

Wie kann man eigentlich den Schutz wiederherstellen wenn dieser deaktiviert wurde?

nur durch das neu installieren des stiles was anders ist mir nicht bekannt.

Quote from Saphyra

Meinst Du zufällig das Stilunabhängiges CSS und SCSS ?

Saphyra · Jul 12th 2020

Offenbar sind da irgenwie unsere Versionen etwas verschieden kann das sein?

Aber denke das es der richtige ort ist oder?

Aze · Jul 12th 2020

Quote from Saphyra

Offenbar sind da irgenwie unsere Versionen etwas verschieden kann das sein?
Aber denke das es der richtige ort ist oder?

Die Ansicht ist bei dir anders, da du den Schutz des Stils deaktiviert hast

blnsnoopy26 · Jul 12th 2020

Ne ist schon richtig daher du den schutz des stiles aufgehoben hast hast du nur noch die haupt CSS menü.

Du kannst aber eines machen kannst den stil kopieren und diesen dann als hauptstil aktivieren den anderen erstmal nur deaktivieren nicht löschen.

Beim kopierten stil ist dann der schutz wieder da und es sieht so aus wie bei mir auf dem screenshot.

Xopez · Jul 12th 2020

Quote from blnsnoopy26

nur durch das neu installieren des stiles was anders ist mir nicht bekannt.

Man kann das auch via Datenbank wieder aktivieren.

blnsnoopy26 · Jul 12th 2020

Quote from Xopez

Man kann das auch via Datenbank wieder aktivieren.

Kann man bestimmt aber für ein etwas unerfahreren user evtl nicht zu empfehlen.

Da ist das mit dem Kopieren die elegantere Lösung wie ich finde.

Saphyra · Jul 12th 2020

ok habe es jetzt kopiert und als haupt stile gemacht, sorry die fragen bin noch neu dabei,

was bedeutet der Schutz eigentlich? wozu ist dieser da?

blnsnoopy26 · Jul 12th 2020

Quote from Saphyra

ok habe es jetzt kopiert und als haupt stile gemacht, sorry die fragen bin noch neu dabei,
was bedeutet der Schutz eigentlich? wozu ist dieser da?

Soll dazu dienen das man die eigentliche CSS deklaration nicht versehntlich kaputt macht und wenn der schutz aufgehoben ist und es ein stil update gibt wird dieser nicht upgedatet wie ich feststellen musste bei meinem stil. So habe ich das verstanden.

Xopez · Jul 12th 2020

Quote from blnsnoopy26

Kann man bestimmt aber für ein etwas unerfahreren user evtl nicht zu empfehlen.
Da ist das mit dem Kopieren die elegantere Lösung wie ich finde.

Ist nur ein Wert von 1 auf 0 setzen. Mehr ist das nicht.

blnsnoopy26 · Jul 12th 2020

Quote from Xopez

Ist nur ein Wert von 0 auf 1 setzen. Mehr ist das nicht.

Für dich oder mich ja aber für jemand der damit noch nie was zu tun hatte evtl nicht.

Soll kein böser angriff sein, weil jeder fing mal klein an

Xopez · Jul 12th 2020

Quote from Saphyra

ok habe es jetzt kopiert und als haupt stile gemacht, sorry die fragen bin noch neu dabei,
was bedeutet der Schutz eigentlich? wozu ist dieser da?

Und es steht ein Text dabei, wofür das Ganze ist:

Quote

Importierte bzw. installierte Stile erhalten automatisch einen geschützten Status, dieser unterbindet die Veränderungen der unmittelbar durch den Stil vorgegebenen Deklarationen. Die Aufhebung dieses Schutzes gestattet dir die vollständige Veränderung, verhindert dadurch aber auch eine Aktualisierung mit einer neueren Version des Stils, beispielsweise im Rahmen eines Updates.
Dieser Schritt wird nicht empfohlen und ist grundsätzlich nicht notwendig, Stile können weiterhin nach belieben angepasst werden, nur die Vorlage selbst kann nicht verändert werden.

Saphyra · Jul 12th 2020

Also müsste ich demnach nun die Kopie was ich gemacht habe verwenden um den Schutz zu gewährleisten?

Bezüglich code :

Quote

<div class="gridLayout row">

<div class="gridBox col-md-4">

<div class="gridBoxContent gridBoxIcon gridBoxJustify">

<div class="gridBoxContentHeroIcon gridBoxCenter">

<span class="icon icon96 fa-question"></span>

</div>

<p>We have seen some unacceptable instances where international journalists have been kicked out We have seen some unacceptable instances where international journalists have been kicked out We have seen some unacceptable instances where international journalists have been kicked out</p>

</div>

</div>

<div class="gridBox col-md-4">

<div class="gridBoxContent gridBoxIcon gridBoxJustify">

<div class="gridBoxContentHeroIcon gridBoxCenter">

<span class="icon icon96 fa-meh-o"></span>

</div>

<p>We have seen some unacceptable instances where international journalists have been kicked out We have seen some unacceptable instances where international journalists have been kicked out We have seen some unacceptable instances where international journalists have been kicked out</p>

</div>

</div>

<div class="gridBox col-md-4">

<div class="gridBoxContent gridBoxIcon gridBoxJustify">

<div class="gridBoxContentHeroIcon gridBoxCenter">

<span class="icon icon96 fa-recycle"></span>

</div>

<p>We have seen some unacceptable instances where international journalists have been kicked out We have seen some unacceptable instances where international journalists have been kicked out We have seen some unacceptable instances where international journalists have been kicked out</p>

</div>

</div>

</div>

Display More

ich müsste jetzt demnach 3x einfügen bei dem oben genannten code oder? nur der name des icon währe dann jeweils anders?

Quote

fa-question::before {

content: url("pfadzudeinembild");

}

fa-meh-o::before {

content: url("pfadzudeinembild");

}

fa-recycle::before {

content: url("pfadzudeinembild");

}

Display More

so oder?

blnsnoopy26 · Jul 12th 2020

Joa kannst so probieren und beim bildpfad empfehle ich dei relative url ../ordner/bild.png man kann auch ne komplette url nehmen aller https://www... empfehle ich aber nicht, weil bei einem Domainumzug oder was auch immer muss man dann alles wieder ändern.

Saphyra · Jul 12th 2020

ich habe es so gemacht, haupt Ordner dann Ordner Bilder mit dem bild aber funktioniert nicht.

Quote

fa-question::before {

content: url("/Bilder/Auszeichnung1.png");

}

fa-meh-o::before {

content: url("/Bilder/Auszeichnung1.png");

}

fa-recycle::before {

content: url("/Bilder/Auszeichnung1.png");

}

Display More

blnsnoopy26 · Jul 12th 2020

Code

fa-recycle::before {
content: url("../Bilder/Auszeichnung1.png");
}

groß und kleinschreibung beachten.

bzw wo liegen deine Bilder ausgehend vom Rootverzeichnis (Dkument Root) /

Code im Quelltext ändern

Participate now!

Share

Similar Threads

Keine abwertende Sprache im Code verwenden

SEO Hilfe

Boolean - Profilfelder

Den vertikalen Abstand zwischen Boxen verkleinern

Videos im Dateianhang als Link darstellen