#1

Alchemist

Mitglied  (39 Punkte)  ·   männlich  ·   Deutschland  ·    Nachricht senden
 https://www.resonalogic.de

Farbcodes in einer Infobox

Moin liebe Anwender,

 

ich habe aus einer speziellen Designvorlage den html-Code einer Infobox kopiert, um Facebook und CO als Icon einzubinden. Mir gefällt aber die Farbe nicht.

Wie kann ich diese von blau auf grau ändern?

 

Hier ist das Script:

<div class="sqrmainarea">

<div id="contact">
<a title="Unsere Facebook-Seite besuchen" target="_blank" href="https://www.facebook.com/groups/1590664271068562/"><svg width="24" height="24" viewBox="0 0 24.00 24.00"><path fill="currentColor" d="M 13.8333,8.33334L 13.8333,6.15052C 13.8333,5.16512 14.051,4.66667 15.5807,4.66667L 17.5,4.66667L 17.5,1L 14.2974,1C 10.3729,1 9.07813,2.79896 9.07813,5.88697L 9.07813,8.33334L 6.5,8.33334L 6.5,12L 9.07813,12L 9.07813,23L 13.8333,23L 13.8333,12L 17.0646,12L 17.5,8.33334L 13.8333,8.33334 Z "/></svg></a> <a title="Zu unserem Xing Profil" target="_blank" href="https://www.xing.com/profile/Carsten_Poetter/cv?sc_o=mxb_p"><svg width="24" height="24" viewBox="0 0 24.00 24.00"><path fill="currentColor" d="M 10.5734,9.73878C 10.4847,9.8984 9.34526,11.9202 7.15496,15.8042C 6.91553,16.2121 6.62733,16.4161 6.29037,16.4161L 3.11134,16.4161C 2.92512,16.4161 2.78767,16.3407 2.69899,16.19C 2.61032,16.0392 2.61032,15.8796 2.69899,15.7111L 6.06425,9.75208C 6.07312,9.75208 6.07312,9.74765 6.06425,9.73878L 3.92272,6.02769C 3.81631,5.83261 3.81188,5.66856 3.90942,5.53554C 3.98923,5.40253 4.13111,5.33602 4.33507,5.33602L 7.5141,5.33602C 7.8688,5.33602 8.16144,5.53554 8.39199,5.93458L 10.5734,9.73878 Z M 21.2943,1.19929C 21.3919,1.34117 21.3919,1.50522 21.2943,1.69144L 14.2712,14.1149L 14.2712,14.1282L 18.7405,22.3086C 18.838,22.4859 18.8425,22.65 18.7538,22.8007C 18.6651,22.9338 18.5232,23.0003 18.3281,23.0003L 15.1491,23.0003C 14.7767,23.0003 14.484,22.8007 14.2712,22.4017L 9.76203,14.1282C 9.92165,13.8445 12.276,9.66784 16.8251,1.59833C 17.0468,1.19929 17.3305,0.999769 17.6764,0.999769L 20.882,0.999769C 21.0771,0.999769 21.2145,1.06628 21.2943,1.19929 Z "/></svg></a> <a title="Unsere Fotos auf Instagram" target="_blank" href="https://www.instagram.com/resonalogic/"><svg width="24" height="24" viewBox="0 0 24.00 24.00"><path fill="currentColor" d="M 11.9714,7.37845C 14.5026,7.37845 16.5547,9.43049 16.5547,11.9618C 16.5547,14.4931 14.5026,16.5451 11.9714,16.5451C 9.44006,16.5451 7.38802,14.4931 7.38802,11.9618C 7.38802,9.43049 9.44006,7.37845 11.9714,7.37845 Z M 7.49144,7.43882C 6.72245,8.20782 6.17309,9.13542 5.8739,10.1667L 1,10.1667L 1,3.69271C 1,2.17392 2.2885,1.00001 3.80729,1.00001L 20.3073,1.00001C 21.8261,1.00001 23,2.17392 23,3.69271L 23,10.1667L 18.1833,10.1667C 17.8842,9.13542 17.3348,8.21137 16.5659,7.4424C 15.3539,6.23044 13.7426,5.55228 12.0286,5.55228C 10.3147,5.55228 8.70338,6.22689 7.49144,7.43882 Z M 21.1667,5.76668L 21.1667,3.56666C 21.1667,3.16162 20.8383,2.83334 20.4333,2.83334L 18.2333,2.83334C 17.8283,2.83334 17.5,3.16167 17.5,3.56666L 17.5,5.76668C 17.5,6.17172 17.8284,6.5 18.2333,6.5L 20.4333,6.5C 20.8384,6.5 21.1667,6.17166 21.1667,5.76668 Z M 16.5659,16.5134C 17.7756,15.3037 18.4427,13.6615 18.4452,12L 23,12L 23,20.1927C 23,21.7115 21.8261,23 20.3073,23L 3.80729,23C 2.2885,23 1,21.7115 1,20.1927L 1,12L 5.61209,12C 5.61461,13.6615 6.28171,15.3073 7.49144,16.517C 8.70338,17.7289 10.3147,18.3856 12.0286,18.3856C 13.7426,18.3856 15.3539,17.7254 16.5659,16.5134 Z "/></svg></a> <a title="Zu unserem YouTube Video-Kanal" target="_blank" href="https://www.youtube.com/user/landapo/videos?view_as=subscriber"><svg width="24" height="24" viewBox="0 0 24.00 24.00"><path fill="currentColor" d="M 22.8582,7.39283C 22.8582,5.45886 21.4356,3.9031 19.6779,3.9031C 17.2969,3.79136 14.8687,3.74838 12.389,3.74838C 12.26,3.74838 12.1311,3.74838 12.0022,3.74838C 11.8732,3.74838 11.7443,3.74838 11.6154,3.74838C 9.13988,3.74838 6.70737,3.79136 4.32645,3.9031C 2.57299,3.9031 1.15044,5.46746 1.15044,7.40143C 1.043,8.93142 0.995719,10.4614 1.00002,11.9914C 0.995719,13.5214 1.043,15.0514 1.14614,16.5856C 1.14614,18.5196 2.56869,20.0883 4.32214,20.0883C 6.82342,20.2043 9.38916,20.2559 11.9979,20.2516C 14.6109,20.2602 17.168,20.2086 19.6736,20.0883C 21.4314,20.0883 22.8539,18.5196 22.8539,16.5856C 22.957,15.0514 23.0043,13.5214 23,11.9871C 23.0086,10.4571 22.9613,8.92712 22.8582,7.39283 Z M 9.89628,16.2075L 9.89628,7.76244L 16.128,11.9828L 9.89628,16.2075 Z "/></svg></a> </div>
#2

Alchemist

Mitglied  (39 Punkte)  ·   männlich  ·   Deutschland  ·    Nachricht senden
 https://www.resonalogic.de

 

Die Farbe sollte diesen Code haben: 34b9b6

#3

W2D Fan

Co-Admin  (3389 Punkte)  ·   weiblich  ·   Niederlande  ·    Nachricht senden
 http://www.w2dfan.nl

Wenn du Scripts postest bitte das nächste Mal den Knopf {;} im Editor verwenden.

Das von dir gepostete Script ist eine SVG-Grafik, und das können wir nicht anpassen.

SVG heißt zwar skalierbare Vektorgrafik, hat aber mit einer bisher bekannten "Grafik" nicht wirklich viel zu tun, denn sie wird "geschrieben".

HIER findest du dazu eine Erklärung und auch einen Editor zum testen.

 


Gruß,
Marjorie

Hilfe ist nicht selbstverständlich, deshalb halte ich ein "Dankeschön" nachdem jemandem geholfen wurde für überaus angebracht und höflich.

Viele hier im Forum veröffentlichte Scripts sind das geistige Eigentum der Ersteller und unterliegen somit das Copyright! Wenn ihr diese Scripts in eure persönliche Seite(n) oder auf Seiten für eure Kunden anwendet, ist ein Quellverweis auf den Beitrag mit dem Script nichts anderes als selbstverständlich.

#4

Alchemist

Mitglied  (39 Punkte)  ·   männlich  ·   Deutschland  ·    Nachricht senden
 https://www.resonalogic.de

Guten morgen Marjorie,

 

hab vielen Dank für deine Hilfe.

Das Skript habe ich von einen Siquando-Design kopiert, das ich vorher genutzt habe. 

 

Herzliche Grüße

 

Carsten

#5

Alain_D

Forum-Topsponsor  (369 Punkte)  ·   männlich  ·   Deutschland  ·    Nachricht senden
 http://www.brv-breitensport.de

Hallo Carsten,

hast Du schon mal versucht, den Code wie folgt anzupassen ?

jeweils ersetzen (kommt 4 x vor)

path fill="currentColor"

durch

path fill="#34b9b6"

Allerdings handelt es sich hierbei nicht um die Farbe grau (Angabe aus deinem 1. Beitrag), sondern um ein freundliches Türkis, das sich viel besser zum Design deiner Website eignet.

#6

Alchemist

Mitglied  (39 Punkte)  ·   männlich  ·   Deutschland  ·    Nachricht senden
 https://www.resonalogic.de

Danke Alain,

 

ich werde es probieren

150 Aufrufe | 6 Beiträge