Blogger cum să modificați cadrul și fundalul unei imagini într-un blogger

Blogger cum să modificați cadrul și fundalul unei imagini într-un blogger

Ciudat, dar inițial Blogger este configurat astfel încât atunci când încărcați o imagine, acesta creează un cadru destul de lat în jurul acestuia. Și, pentru a schimba parametrii cadrului cu instrumente încorporate, serviciul nu permite. Unii bloggeri recomandă adăugarea propriului stil CSS la imagini individuale. Acest lucru se poate face în fila "șablon", butonul "Editare HTML". Nu văd nevoia să las orice cadre, așa că tocmai am scos-o în stilul existent.

Recunosc că diferite șabloane pot avea cod diferit responsabil pentru editarea cadrului și a fundalului imaginii descărcate, așa că voi indica imediat numele șablonului. O parte a codului șablonului care conține "img postul-corp" indică faptul că aici este setat stilul CSS al cadrului și al fundalului imaginii. Puteți găsi acest cod utilizând panoul de control Blogger, fila șablon, butonul Editați HTML. În șablonul "filigran" (filigran), inclusiv toate stilurile, codul este conținut în secțiunea condițională / * Widgeturi * /.

post-body img. post-corp .tr-caption-container. Profil img. Imagine img,
.BlogList .item-miniatură img padding: 5px;
fundal: #fff;
-moz-box-shadow: 1px 1px 5px rgba (0, 0, 0. 5);
-webkit-box-shadow: 1px 1px 5px rgba (0, 0, 0. 5);
-goog-ms-box-shadow: 1px 1px 5px rgba (0, 0, 0. 5);
box-shadow: 1px 1px 5px rgba (0, 0, 0. 5);
.post-body img. post-corp .tr-caption-container de umplere: 8px;>

Editarea unui cadru de imagine
Dacă imaginea de fundal este configurat într-un singur ton cu fundalul extern, vizual cadru schimba dimensiunea, noi nu vedem de ce ar trebui să încercați mai întâi să o definească cu ea. Linii Lățime padding instalate: 5px; și padding: 8px;. 0px stabilirea valorii în schimb 8px, cadrul va fi redusă la zero. image Effect frame umbra pot fi editate în rândul "box-umbra: RGBA 1px 1px 5px (0, 0, 0. 5)." Cei trei parametri în pixeli sunt responsabili pentru cea mai mare parte a laturii, fundul umbra si neclaritatea acesteia. RGBA își schimbă culoarea.


P.S. În cazul în care logo-ul sub formă de text pe un fundal transparent, în cazul unei fuziuni cu fondul general al efectului cadrului umbra nu arata cel mai bun mod, pentru alte imagini, dimpotrivă, umbra ar decora aspectul. Cu toate acestea, schimbările din șablon sunt aplicate tuturor imaginilor. Pentru imagini individuale, puteți adăuga propriul stil CSS în „șablon“, faceți clic pe „Editați HTML“.

Vă mulțumim pentru evaluarea dvs.!

Articole similare