barnhouse66.ru - another website dedicated to the construction of houses

[Korwin]

https://barnhouse66.ru/ - Guten Tag, Genossen! Ich habe eine andere Website erstellt, die dem Bau von Barnhouse-Häusern oder einem Scheunenhaus gewidmet ist.
Ohne Ihren Rat, ohne Ihre großzügige Hilfe, Inspiration, Kreativität wäre das nicht möglich gewesen. Nehmen Sie meinen aufrichtigen Respekt und Respekt für Sie an, Freunde.

CMSimple_XH 1.7.5, das fhs-anchorific-pure-Muster und die erforderlichen Plugins wurden verwendet.


Good afternoon, comrades! I made another website dedicated to the construction of barnhouse type houses, or barn house.
Without your advice, without your generous help, inspiration, creativity, it would have been impossible. Accept my sincere respect and respect for you, friends.

CMSimple_XH 1.7.5, the fhs-anchorific-pure template and the necessary plugins were used.

[cmb]

[Korwin]

Lieber frase!

Ich habe mir das Gehirn gebrochen, als ich versuchte, eine Antwort auf eine einfache Frage zu finden - wie kann ich den grauen Hintergrund in der Website-Kappe ändern? Es gibt kein Bild. Ich habe das Gefühl, hier ist ein Genie!

Code: Select all

background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScyMCcgdmlld0JveD0nMCAwIDUwIDUwJz4KCTxsaW5lIHgxPScxJyB5MT0nMCcgeDI9JzUxJyB5Mj0nNTAnIHN0cm9rZT0nI2NjYycgc3Ryb2tlLXdpZHRoPScyJy8+Cgk8bGluZSB4MT0nNDknIHkxPScwJyB4Mj0nLTEnIHkyPSc1MCcgc3Ryb2tlPScjY2NjJyBzdHJva2Utd2lkdGg9JzInLz4KCTxsaW5lIHgxPSc1MCcgeTE9JzAnIHgyPScwJyB5Mj0nNTAnIHN0cm9rZT0nIzMzMycgc3Ryb2tlLXdpZHRoPScyJy8+Cgk8bGluZSB4MT0nMCcgeTE9JzAnIHgyPSc1MCcgeTI9JzUwJyBzdHJva2U9JyMzMzMnIHN0cm9rZS13aWR0aD0nMicvPgo8L3N2Zz4=);  

Was ist das und woher kommt das?

[Tata]

Lieber frase!

Code: Select all

background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScyMCcgdmlld0JveD0nMCAwIDUwIDUwJz4KCTxsaW5lIHgxPScxJyB5MT0nMCcgeDI9JzUxJyB5Mj0nNTAnIHN0cm9rZT0nI2NjYycgc3Ryb2tlLXdpZHRoPScyJy8+Cgk8bGluZSB4MT0nNDknIHkxPScwJyB4Mj0nLTEnIHkyPSc1MCcgc3Ryb2tlPScjY2NjJyBzdHJva2Utd2lkdGg9JzInLz4KCTxsaW5lIHgxPSc1MCcgeTE9JzAnIHgyPScwJyB5Mj0nNTAnIHN0cm9rZT0nIzMzMycgc3Ryb2tlLXdpZHRoPScyJy8+Cgk8bGluZSB4MT0nMCcgeTE9JzAnIHgyPSc1MCcgeTI9JzUwJyBzdHJva2U9JyMzMzMnIHN0cm9rZS13aWR0aD0nMicvPgo8L3N2Zz4=);  

Was ist das und woher kommt das?

Ich würde z.B. die Schleife "data:image/svg+xml;base64,PHN..." in background-image: url mit einem eigenen Bild ersetzen, oder
die background-image: url() leer lassen/auskomentieren und background-color definieren

[HArnoldJ]

Lieber frase!
Ich wollte nur noch folgende Frage stellen - ist der Hintergrund in der Website-Kappe von mir zu bearbeiten? Es gibt keine Bilder und ich bin ein Anfänger. Das System erkennt mich als Benutzer an. Wie kann ich das erreichen? Danke!

[lck]

[...] wie kann ich den grauen Hintergrund in der Website-Kappe ändern?

[...] ist der Hintergrund in der Website-Kappe von mir zu bearbeiten?

Die Hintergrundfarbe kann man hier ändern
stylesheet.css Zeile 400

Code: Select all

#header {
	background-color: #666;

Das Hintergrundbild/SVG hier

Code: Select all

background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScyMCcgdmlld0JveD0nMCAwIDUwIDUwJz4KCTxsaW5lIHgxPScxJyB5MT0nMCcgeDI9JzUxJyB5Mj0nNTAnIHN0cm9rZT0nI2NjYycgc3Ryb2tlLXdpZHRoPScyJy8+Cgk8bGluZSB4MT0nNDknIHkxPScwJyB4Mj0nLTEnIHkyPSc1MCcgc3Ryb2tlPScjY2NjJyBzdHJva2Utd2lkdGg9JzInLz4KCTxsaW5lIHgxPSc1MCcgeTE9JzAnIHgyPScwJyB5Mj0nNTAnIHN0cm9rZT0nIzMzMycgc3Ryb2tlLXdpZHRoPScyJy8+Cgk8bGluZSB4MT0nMCcgeTE9JzAnIHgyPSc1MCcgeTI9JzUwJyBzdHJva2U9JyMzMzMnIHN0cm9rZS13aWR0aD0nMicvPgo8L3N2Zz4=);

Das ist der "base64 Code"

Code: Select all

PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScyMCcgdmlld0JveD0nMCAwIDUwIDUwJz4KCTxsaW5lIHgxPScxJyB5MT0nMCcgeDI9JzUxJyB5Mj0nNTAnIHN0cm9rZT0nI2NjYycgc3Ryb2tlLXdpZHRoPScyJy8+Cgk8bGluZSB4MT0nNDknIHkxPScwJyB4Mj0nLTEnIHkyPSc1MCcgc3Ryb2tlPScjY2NjJyBzdHJva2Utd2lkdGg9JzInLz4KCTxsaW5lIHgxPSc1MCcgeTE9JzAnIHgyPScwJyB5Mj0nNTAnIHN0cm9rZT0nIzMzMycgc3Ryb2tlLXdpZHRoPScyJy8+Cgk8bGluZSB4MT0nMCcgeTE9JzAnIHgyPSc1MCcgeTI9JzUwJyBzdHJva2U9JyMzMzMnIHN0cm9rZS13aWR0aD0nMicvPgo8L3N2Zz4=

Den decodieren wir mit Notepad++. (Es gibt auch Online-Tools z.B. hier)
"base64 Code" markieren > Rechtsklick > "Plugin commands" > "Base64 Decode"

Das sieht dann so aus. Hier kann man Änderungen vornehmen.

Code: Select all

<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 50 50'>
	<line x1='1' y1='0' x2='51' y2='50' stroke='#ccc' stroke-width='2'/>
	<line x1='49' y1='0' x2='-1' y2='50' stroke='#ccc' stroke-width='2'/>
	<line x1='50' y1='0' x2='0' y2='50' stroke='#333' stroke-width='2'/>
	<line x1='0' y1='0' x2='50' y2='50' stroke='#333' stroke-width='2'/>
</svg>

Die ersten zwei "<line xl=..." definieren den Schatten der Striche/Linien, die letzten zwei die Farbe der Striche/Linien. Alles andere sollte selbsterklärend sein.
Dann wieder alles markieren und wie oben beschrieben mit per "Base64 Encode" codieren und dann an der richtigen Stelle wieder einfügen.

Du kannst natürlich auch ein anderes/fertiges SVG so einbinden.