Hogyan változtathatjuk meg a gadgetek stílusát egy blogban, a kisgyermekek bloggerjein
A kedves idő a kedves olvasóimnak és a blog vendégeinek. Ezt szeretem a Blogger számára, rugalmas és műanyag sablonja. Valójában, ha még egy kicsit rendezed, hogy mindenkinek mindenkinek tanácsot adjak, létrehozhat egy olyan webhelyet, amely egyedülálló a maga nemében. Rengeteg lehetőség van.
Így, mint a Blogger-sablonban, módosíthatja a modul stílusát. Hozza létre a képet háttérben, a sarkok körül, jelölje ki a keretben lévő eszközt és még sok mást.
Először is menj a sablon fülre - változtasd meg a HTML-t, és találd meg a CSS-kódokat egy ilyen sort
/ * Widgetek
----------------------------------------------- * /
Erre van szükségünk ma. Most menj le egy kicsit, és keresse meg a töredéket, amely felelős a widget mező oldalsávjához .widget
A göndör gerenda mögött és CSS-stílusokat adunk hozzá. Csak néhány lehetőséget kínálok. Itt, ahogy mondják, elegendő képzelőerő lenne. Valami eltávolítható, valami hozzáadni.
1. Hozza létre a hátteret, a színt, állítsa be a keret szélességét és a sarkokat. Valahogy így fog kinézni.
A fő háttér helyett egy képet használtam. A keret méretét 3px értékre állítottuk és a # 336699 színt állítottuk be. Gyakran kezdőknek problémái vannak a színérték megváltoztatásával kapcsolatban. Szóval még egyszer figyelmet fordítok. Csak a rács és a hatjegyű szám jelét változtassa meg. 10px, lekerekítette a widget sarkát.
A kód így néz ki.
2. Egy kicsit változtassuk meg a paramétereket, és adjunk hozzá a Shadow értékét, ne pedig állítsuk be a külső árnyékot.
határ-sugár: 20px; / lekerekítési sarkok /
háttér: #CCCCCC; / háttérszín /
boxShadow
szélesség: 80%;
max-szélesség: 550px;
margin: 2em auto;
párnázottság: 1em;
doboz árnyék: 0 0 10px 5px rgba (221, 221, 221, 1);
>
3. Nagyon szeretem az árnyékhatást az oldalakon. Nézz ide. Kérem, úgy néz ki.
boxShadow
szélesség: 80%;
max-szélesség: 550px;
margin: 10px auto;
párnázottság: 1em;
box-shadow:
0 1px 4px rgba (0, 0, 0 3),
-23px 0 20px-23px rgba (0, 0, 0, 8);
>
4. Be tudsz árnyékolni a blogon belül.
boxShadow
szélesség: 80%;
max-szélesség: 550px;
margó: 1em auto;
párnázottság: 1em;
box-shadow: 0 0 40px rgba (0, 0, 0, 1) behelyezés;
>
Általánosságban, amikor különböző stílusokat ad hozzá, akkor a legcsodálatosabb gadgettervező konverziókat készítheted. Ki érdekli ez a kérdés, azt javaslom, hogy megnézzek még olyan hatásokat is, amelyek ebben az esetben alkalmazhatók ezen az oldalon.
Mindig szívesen válaszol a kérdéseire. Ma, mindennek van mindene. Hamarosan találkozunk. Köszönöm, hogy elolvastad a kiságyamat.
Ó, de mi alacsonyabb? Nyomjuk meg!