Aspect adaptiv. Text în două coloane cu imagini. Ștergerea comentariilor Google Plus
În continuarea subiectului meu, vă ofer o traducere a unui articol cu o scufundare mai profundă în proprietatea cu mai multe coloane cu exemple simple și clare.
Ziarele și revistele au dovedit în practică că textul împărțit în mai multe coloane este mult mai ușor de perceput. Pe paginile web, până de curând, afișarea conținutului în acest fel era o problemă, până la punctul în care designerul de layout a împărțit textul în mai multe div-uri Dar totul poate deveni mult mai simplu cu Modulul Multi Coloane CSS3.
Crearea de conținut împărțit în mai multe coloane Folosind eticheta de articol HTML5:Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc libero magna, venenatis quis aliquet et, rutrum in ague. Donec vel tempor dolor. Donec volutpat fringilla porta. Suspendisse non nulla torttor.
Quisque commodo ornare mi, sit amet aliquet justo bibendum non. Integer bibendum convallis sapien, sit amet tincidunt orci placerat in. Integer vitae consequat augue.
//etc.
Împărțim textul în două coloane:
Articolul ( -webkit-column-count:2; -moz-column-count:2; column-count:2; )
Folosind proprietatea column-width, puteți seta lățimea necesară pentru coloane:
Articolul ( -moz-column-width: 150px; -webkit-column-width: 150px; column-width: 150px; )
Spațierea dintre coloane Spațierea este setată de proprietatea column-gap în px sau em și nu poate fi negativă:
Articolul ( -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; )
Separator de coloane Proprietatea column-rule vă permite să adăugați un separator între coloane, principiul de funcționare este similar cu border .
Articolul ( -moz-column-rule: 1px punctat #ccc; -webkit-column-rule: 1px dotted #ccc; column-rule: 1px punctat #ccc; )
Îmbinarea coloanelor Proprietatea column-span funcționează în mod similar cu proprietatea colspan din table , care se întinde pe coloanele dorite.Articolul h1 ( -webkit-column-span: all; column-span:all; )
Crearea de markup pe mai multe coloane folosind modelul de coloane CSS3 Suport pentru browserIE: 10,0
Firefox: 9.0 -moz-
Chrome: 4.0 -webkit-
Safari: 3.0 -webkit-
Opera: 11.1, 15.0 -webkit-
iOS Safari: 9, 7.1 -webkit-
Opera Mini: 8
Browser Android: 2.1 -webkit-
Chrome pentru Android: 44 -webkit-
Proprietatea vă permite să setați în mod explicit numărul necesar de coloane, iar lățimea acestora va fi calculată pe baza lățimii spatiu disponibil. În mod implicit, browserul adaugă un spațiu orizontal de 1 em între coloane. Dacă lățimea imaginii mai multa latime coloane, va fi tăiat. Dacă lățimea coloanei este specificată în același timp cu numărul coloanei, atunci numărul coloanelor va fi considerat numărul maxim de coloane. Proprietatea nu este moștenită.
Sintaxă
Secțiune ( -webkit-column-count: 3; -moz-column-count: 3; coloane-count: 3; ) 
Orez. 1. Exemplu de aspect cu mai multe coloane
Proprietatea vă permite să împărțiți conținutul în coloane fără a seta proprietatea de numărare a coloanelor. Numărul de coloane va depinde de câte coloane de o lățime dată pot încăpea în container. Nu moștenit.
Sintaxă
Secțiune ( -webkit-column-width: 100px; -moz-column-width: 100px; column-width: 100px; )
3. Latime spatiu gol coloane-decalaj între coloaneProprietatea controlează distanța dintre coloane. Dacă setați o linie de despărțire pentru coloane folosind proprietatea regulă coloană, atunci această linie va fi situată în mijlocul golului, iar lățimea sa nu va modifica lățimea totală. Proprietatea nu este moștenită.
Sintaxă
Secțiune ( -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px; ) 
Orez. 2. Spații între coloane
Proprietatea specifică numărul de coloane care vor intersecta elementul selectat. Este indicat nu pentru blocul container, ci pentru un anumit element din interior, de exemplu, pentru un antet.
Dacă doriți ca imaginea să se întindă pe toate coloanele, setați img (display: block; -webkit-column-span: all; column-span: all;) . Proprietatea nu este moștenită.
Sintaxă
H1 ( -webkit-column-span: toate; coloana-span: toate; ) Orez. 3. Poziționarea titlului pe toate coloanele
Proprietatea creează spațiu gol în interior între coloane dungă verticală- linie de separare. Dacă culoarea liniei nu este specificată, unele efecte nu vor fi afișate. Nu moștenit.
| Valori: | |
| nici unul | Valoarea implicită înseamnă că nu există linie. Culoarea și lățimea specificate pentru linie sunt ignorate. |
| ascuns | La fel ca și cu valoarea none , linia este ascunsă. |
| punctat | Afișează o linie ca un set de puncte pătrate. |
| întreruptă | Afișează o linie ca o secvență de liniuțe. |
| solid | Linie obișnuită. |
| dubla | Afișează linia de despărțire ca două paralele linii fine, situate la oarecare distanță unul de celălalt. Lățimea liniei de despărțire nu este specificată, dar suma liniilor și spațiul dintre ele este egală cu valoarea coloană-regula-lățime. |
| canelură | Afișează o linie volumetrică apăsată în pânză. Acest lucru se realizează prin crearea unei umbre de două culori, una mai închisă și una mai deschisă. |
| creasta | Afișează linia de separare a volumului, de ex. efectul opus groovei. |
| medalion | Afișează o linie continuă într-o culoare mai închisă decât culoarea specificată a liniei. |
| început | Afișează o linie continuă cu culoarea specificată de proprietatea column-rule-color. |
| iniţială | Setează valoarea proprietății la valoarea implicită. |
| moşteni | Moștenește valoarea proprietății de la elementul părinte. |
Sintaxă
Secțiune ( -webkit-coloană-rule-style: punctat; -moz-column-rule-style: punctat; coloană-rule-style: punctat; ) 
Orez. 4. Stilul liniei divizor
Proprietatea stabilește lățimea liniei de despărțire. Nu funcționează fără proprietatea column-rule-style. Nu moștenit.
Sintaxă
Secțiune ( -webkit-column-rule-style: punctat; -moz-column-rule-style: punctat; column-rule-style: punctat; -webkit-column-rule-width: 10px; -moz-column-rule- lățime: 10px; coloană-regula-lățime: 10px) 
Orez. 5. Lățimea liniei de împărțire
Proprietatea vă permite să schimbați culoarea liniei de despărțire, care moștenește culoarea textului. Nu moștenit.
Sintaxă
Secțiune ( -webkit-column-rule-style: punctat; -webkit-column-rule-width: 5px; -webkit-column-rule-color: #59ACE7; -moz-column-rule-style: punctat; -moz- coloană-rule-width: 5px; 
Orez. 6. Culoarea liniei de despărțire
Proprietatea vă permite să setați trei proprietăți de linie de divizare într-o singură declarație: lățime-coloană-regulă, stil-regulă-coloană și culoare-regulă-coloană. Nu moștenit.
Sintaxă
Secțiune ( -webkit-column-rule: 5px punctat #59ACE7; -moz-column-rule: 5px punctat #59ACE7; coloana-rule: 5px punctat #59ACE7; )
9. Setarea coloanelor folosind o singură proprietate coloaneProprietatea este o versiune scurtă a proprietăților lățimea coloanei și numărul de coloane, stabilește simultan lățimea și numărul de coloane. Nu moștenit.
Sintaxă
Secțiune ( -webkit-columns: 100px 3; -moz-columns: 100px 3; coloane: 100px 3; )
19.07.16 2.9KÎn acest articol ne vom uita pas cu pas la regulile de amenajare a unui site cu două coloane. Codul pe care l-am furnizat vă va permite să adăugați un antet și un subsol care se întind pe aceste două coloane.
IntroducerePentru a finaliza sarcinile din acest articol, trebuie să aveți abilități de codare atât în HTML, cât și în CSS. Dacă nu este cazul, atunci este mai bine să utilizați un editor vizual.
Vă rugăm să rețineți că nu trebuie să fiți un expert în HTML sau CSS. Trebuie doar să aveți cunoștințe de bază despre aceste tehnologii, altfel acest articol nu vă va fi clar.
Folosind proprietatea float pentru a crea două coloaneExistă multe metode folosind CSS pentru a crea un site cu două coloane. ÎN acest manual vom folosi proprietatea float pentru a pluti o coloană lângă alta. În multe privințe, această metodă este mai simplă și mai flexibilă decât poziționare absolută elemente. De asemenea, vă permite să adăugați un antet și un subsol opțional care acoperă aceste două coloane.
Eu însumi nu am folosit această metodă, deoarece aspectul resursei mele a fost creat când tocmai făceam primii pași în dezvoltarea CSS și nu știam nimic despre regulile de bază ale aspectului. Dar nu-ți face griji. Am creat câteva pagini demonstrative folosind acest format pe care îl puteți vedea mai târziu.
Cod HTML de bază pentru un site cu două coloanePartea HTML a codului este destul de simplă. Avem nevoie doar de două div-uri, câte unul pentru fiecare coloană:
Meniul de navigare prin conținut
Cuvintele „Meniu de navigare” și „Conținut” sunt doar indicatoare către bara de navigare laterală și conținutul principal. Veți elimina aceste cuvinte mai târziu, când ați adăugat conținut real la blocuri. Div-ul „container” este un bloc care conține două coloane. Poate fi folosit dacă trebuie să aplicați anumite stiluri la ambele coloane.
Cod CSS pentru un site cu două coloaneUrmătorul cod CSS utilizează procente (“%”) pentru a determina lățimea ambelor coloane. Deoarece sunt măsurate în unități relative, se vor extinde sau se vor contracta pentru a umple întreaga fereastră a browserului, indiferent cât de largă este aceasta. De exemplu, dacă redimensionați fereastra browserului, șablonul va rearanja coloana pentru a se potrivi cât mai mult posibil în limitele ferestrei.
Codul CSS este foarte simplu:
#conținut ( float: dreapta; lățime: 80% ; ) #navbar ( float: dreapta; lățime: 20%; )
Conform regulilor de aspect al site-ului, codul CSS trebuie plasat în secțiunea de stiluri a paginii web sau într-un fișier extern.
Cum funcționează codul de mai sus în practică poate fi văzut aici.
Cum funcționează: codul CSS explicatRegula „float: right” determină modul în care DIV este flotat din fluxul de documente și plasat la dreapta tuturor celorlalte elemente care plutesc la stânga. Primul bloc DIV care apare pe pagina HTML este decalat mai întâi.
În exemplul de mai sus, „#content” este deplasat mai întâi spre dreapta și este setat la 80% din lățimea ferestrei browserului. Următoarea noastră regulă scoate, de asemenea, „#navbar” din fluxul de documente și îl compensează spre dreapta.
Deoarece avem deja un element plutitor în această poziție. Conform regulilor date aspect adaptiv, al doilea bloc este plasat în stânga elementului existent dacă există suficient spațiu pentru acesta. În caz contrar, va fi plasat sub primul element. Având în vedere acest lucru, suma laturilor ambelor blocuri trebuie să fie de 100% sau mai puțin, altfel nu vom avea suficient spațiu pentru a le așeza unul lângă celălalt.
Cum să plasați o coloană de navigare în partea dreaptăCodul de mai sus plasează meniul de navigare în coloana din stânga. Dacă doriți ca meniul de navigare să fie în partea dreaptă, schimbați codul după cum urmează:
#conținut ( float: stânga ; lățime: 80% ; ) #navbar ( float: stânga ; lățime: 20% ; )
Puteți vedea acest cod în acțiune aici făcând clic pe butonul de comutare din coloana din dreapta a meniului de navigare.
Cum se schimbă corect lățimeaConform stabilit reguli tehnice aspect, stilurile de mai sus setează lățimea coloanei laterale la 20% din lățimea ferestrei browserului și coloana de conținut la 80%, pentru un total de 100%.
Dacă intenționați să modificați aceste valori, asigurați-vă că sunt valoare totală egal sau mai mic de 100%, altfel browserul va plasa o coloană sub cealaltă.
Dacă una dintre coloane este deplasată sub cealaltă: cum să o remediațiDacă descoperiți că una dintre coloane se potrivește sub cealaltă în loc să fie una lângă alta, aceasta înseamnă că lățimea totală a ambelor coloane este mai mare de 100% din lățimea ferestrei browserului.
Acest lucru se poate întâmpla chiar dacă folosiți valorile mele „20%” și „80%”. De exemplu, dacă adăugați margini, margini și umplutură la una sau ambele coloane. Lățimea acestor coloane va crește, de asemenea, determinând ca totalul să depășească 100%.
Regulile de compatibilitate între browsere și de aspect implică două moduri de a rezolva această problemă:
- Reduceți lățimea coloanei până când browserul le afișează așa cum doriți. Dar amintiți-vă că interesul este unitate relativă măsurători. Este legat de lățimea ferestrei browserului utilizatorului. Deci, dacă ați testat aspectul pe sistemul dvs. și ați constatat că adăugarea a 10 px la padding-left la una dintre coloane și reducerea lățimii cu 1% a funcționat bine, atunci nu puteți concluziona că 1% = 10 px. Cu alte cuvinte, 1% din 1024 pixeli este diferit de 1% din 1920 pixeli și așa mai departe. Asigurați-vă că țineți cont de diferențele de lățime a ferestrelor în alte browsere și diagonalele ecranului;
- Soluția pe care o prefer este să creez un DIV imbricat în interiorul blocurilor „#navbar” și „#content” și să pun toate umpluturile, marginile, marginile și conținutul real în interiorul acestuia. Astfel, pentru blocurile externe puteți lăsa vechile 20% și 80% fără să vă faceți griji cu privire la ajustări pentru margini, umplutură etc.
De exemplu, site-ul demonstrativ cu două coloane utilizează următorul cod HTML pentru a crea un DIV imbricat:
Meniul de navigare prin conținut
La cele scrise mai devreme Stiluri CSS adăugați următoarele proprietăți pentru „#innercontent” și „#innernavbar”:
#innercontent ( padding-left: 10px ; padding-right: 10px ; ) #innernavbar ( padding-left: 5px ; padding-right: 5px ; )
CSS pentru „#content” și „#navbar” rămâne același cu cel descris în prima jumătate a acestui articol.
Deoarece indentarea este aplicată la interior bloc DIV, dimensiunile blocurilor exterioare rămân aceleași și menținem un aspect pe două coloane.
Cum să adăugați un antet și un subsol de site care se întind pe ambele coloaneUnele site-uri conțin un antet care se întinde pe lățimea ambelor coloane. Conform regulilor existente de aspect al site-ului, puteți plasa în el un logo, un antet de site sau chiar bannere publicitare. Unele resurse conțin și un subsol care se întinde pe ambele coloane. În plus, subsolul poate fi folosit pentru elemente precum notificările privind drepturile de autor.
Odată cu apariția unei mari varietăți de ecrane dimensiuni diferiteși rezoluții, a devenit incredibil de nepractic să creați modele cu blocuri fixe de text care ocupă întreaga lățime a ecranului. Abordarea tradițională este împărțirea textului în două coloane, iar acest lucru se face adesea manual și necesită mult timp. Sau textul este împărțit când ajutor javascript, care nu este potrivit pentru toate situațiile. În plus, ar trebui să avem posibilitatea de a implementa acest lucru cu Ajutor CSS fara a apela la sisteme de grile sau elemente plutitoare, nu?
CSS3 vă oferă de fapt posibilitatea de a împărți textul în mai multe coloane, precum și de a seta dimensiunea jgheabului (spațiul dintre coloane) și în acest fel puteți obține control deplin deasupra coloanelor, în loc să utilizați un cadru sau un sistem de grilă.
În plus, CSS3 oferă soluții excelente atunci când un utilizator utilizează Netscape Navigator, de exemplu, astfel încât aspectul site-ului dvs. va arăta în continuare grozav.
Suport pentru browser
Este important de reținut că, în ciuda faptului că aproape toate browserele moderne acceptă mai multe coloane în CSS3 (da, chiar și IE10), multe browserele anterioare IE9 nu pare să ofere un astfel de suport. Deși suportul este destul de bun, poate fi necesar să utilizați prefixele browserului pentru webkit (-webkit-) și mozilla (-moz-). Cu toate acestea, nu va trebui să utilizați -ms- sau -o- pentru IE și Opera, deoarece sunt echipate cu oricare sprijin deplin, sau parțial.
Opțiuni
Această proprietate CSS vă oferă destul de mult control asupra modului în care conținutul dvs. este afișat în fereastra browserului și să aruncăm o privire asupra acelor opțiuni:
* column-count : Aici puteți specifica numărul de coloane care vor fi afișate în element.
* column-width : lățimea unei coloane individuale. Fiți pregătiți pentru ca browserele să schimbe uneori această valoare pe cont propriu.
* column-gap : lățimea canelurii dintre coloane.
* column-rule-width: Acesta este ceva de genul chenarului coloanelor dvs. și aici trebuie să specificați lățimea chenarului.
* column-rule-style: de asemenea, ceva de genul unui chenar dacă trebuie să setați un stil.
* column-rule-color : Acest parametru este folosit pentru a specifica culoarea.
* column-span : Această valoare îi spune browserului câte coloane doriți să includeți - este bine să utilizați pentru anteturi și funcționează ca colspan și rowspan în tabele.
Cu toate aceste opțiuni, nu credem că vom avea nevoie de altceva pentru a controla difuzoarele. Desigur, pentru funcționare normală mai multe coloane, nu avem neapărat nevoie de toți acești parametri. Mai mult, în general, avem nevoie doar de parametrul column-count, dar probabil că veți folosi întotdeauna un column-gap pentru a preveni îmbinarea textului coloanei cu marginile sale.
Pentru a implementa acest lucru în practică, avem nevoie doar de câteva linii de cod:
/* Aceasta va produce un aspect cu 3 coloane cu un spațiu de 20px între fiecare coloană */
.cols3 (
număr de coloane: 3;
coloană-decalaj: 20px;
}
Dacă doriți să aplicați și o regulă coloanelor, atunci va trebui să adăugați acești parametri:
/* Aceasta va produce un aspect cu 3 coloane și un spațiu de 20px între fiecare coloană și o regulă de 1px negru solid */
.cols3 (
număr de coloane: 3;
coloană-decalaj: 20px;
coloană-regula-lățime: 1px;
coloană-regulă-stil: solid;
coloană-regula-culoare: #000;
}
La fel ca și binecunoscuta opțiune de chenar, puteți aplica culoarea, stilul și lățimea astfel:
Cols3 (
număr de coloane: 3;
coloană-decalaj: 20px;
regulă-coloană: 1px solid #000;
}
Dacă aveți un antet și aveți nevoie ca antetul să acopere întreaga lățime a tuturor coloanelor, atunci trebuie să adăugați rândul următor cod:
/*Acest h1 va ocupa spațiul celor 3 coloane*/
.cols3 h1(
coloana-span: toate;
}
Puteți aplica această tehnică la aproape orice cod HTML, de la un singur paragraf la mai multe elemente „div”. Să ne uităm la demo:
Și acum vrem să vă oferim codul completat acest efect:
Demo coloană CSS3
Cols3 (
-webkit-coloană-număr: 3;
-webkit-column-gap: 20px;
-webkit-column-rule: 1px solid #000;
Număr de coloane Moz: 3;
-moz-column-gap: 20px;
-moz-column-rule: 1px solid #000;
Număr de coloane: 3;
coloană-decalaj: 20px;
regulă-coloană: 1px solid #000;
}
Cols3 h1 (
-webkit-column-span:all;
-moz-column-span:all;
coloana-span:toate;
}
Integer posuere erat a ante
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam quis risus eget urna mollis ornare vel eu leo. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur.
Cras mattis consectetur purus sit amet fermentum. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Etiam porta sem malesuada magna mollis euismod. Etiam porta sem malesuada magna mollis euismod. Nullam quis risus eget urna mollis ornare vel eu leo. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam quis risus eget urna mollis ornare vel eu leo. Aenean lacinia bibendum nulla sed consectetur.
Curabitur blandit tempus porttitor. Cras mattis consectetur purus sit amet fermentum. Aenean lacinia bibendum nulla sed consectetur. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor.
Finalizare
Trecerea la crearea de coloane folosind CSS, în opinia noastră, ne oferă multe avantaje - nu mai trebuie să producem calcule matematice, creați elemente plutitoare și nu trebuie să suportați refracția conținutului atunci când utilizatorii redimensionează fereastra browserului. De asemenea, puteți codifica într-o manieră mai semantică și, deoarece această metodă este acceptată de toată lumea browsere moderne, puteți trece la el astăzi.
Îți stilizezi coloanele cu CSS3 sau folosești în continuare floats și poziționare? Ce metode folosiți pentru a rezolva problemele întâlnite în browserele mai vechi? Distribuie cu noi în comentarii.
Cu siguranță ați văzut pe unele site-uri o interdicție de a folosi butonul drept al mouse-ului. Această funcție îi combate în primul rând pe cei care doresc să vă fure conținutul. Această măsură nu vă va proteja complet de furt, ci de copiere manuală destul. Alte optiuni.
Nu recomand să-l dezactivați butonul din dreapta mouse-ul dacă postezi materiale destinate copierii pe blogul tău. Acestea pot fi coduri, scripturi, retete culinare, materiale de referință si mai mult. Interzicerea copierii în acest caz, va îndepărta vizitatorii de la tine, iar blogul tău va deveni mai puțin util vizitatorilor. Dacă protecția împotriva plagiatului este importantă pentru dvs., atunci este mai bine să adăugați adresa URL la sfârșitul copiei. Atunci vei fi sigur că, dacă cineva dorește să publice ceva copiat de la tine în altă parte pe Internet, este mai probabil ca pastorul de copiere să partajeze un link către blogul tău.
Această rețetă este potrivită pentru orice site. Tot ce trebuie să faceți este să lipiți codul pe toate paginile blogului dvs.:
În Blogger, adăugați cod la gadgetul HTML/Javascript în fila Design. Dacă utilizați una dintre cele mai recente teme de pe blogul dvs. (Emporio, Contempo, Soho, Notable), atunci nu uitați să activați vizibilitatea widget-ului (bifați caseta de lângă „Vizibil pentru toată lumea”, „Afișați widgetul „ HTML /JavaScript „”).
Pe Wordpress, adăugați codul la widgetul „Text”.
Sărbătoarea se apropie - Ziua Internațională a Femeii. Să ne pregătim din timp pentru asta. Puteți felicita fetele și femeile într-un mod original utilizând serviciile de cărți poștale discutate mai jos.
Servicii de cărți poștale gata făcute Creați online o carte poștală pentru 8 martie
, și puteți adăuga un text de felicitare aici. Apropo, dacă trebuie doar să adăugați text la o imagine, atunci puteți verifica.
Autor: Ivanova Natalya 2019-02-17
Conținutul articolului: Google Plus Platforma Google Plus nu s-a ridicat la nivelul sperantelor dezvoltatorilor si va fi eliminata complet pe 2 aprilie 2019. Albumele asociate cu acesta vor dispărea odată cu acesta. Google Foto , autorizarea pe site-urile cu un cont Google Plus va deveni indisponibilă. Deja pe 4 februarie a devenit functie indisponibila crearea de profiluri, canale și pagini Google Plus. Dacă contul dvs. a stocat conținut valoros, atunci puteți descărca.copie de rezervă Modificările vor afecta cel mai mult bloggerii care își desfășoară blogurile pe Blogspot. Unele widget-uri G+, comentarii G+ și profil Google
+. Acest lucru este menționat în notificarea din zona de administrare Blogger: După anunţarea rezilierii Funcționează API
Widgeturi Google+. Design-urile blogurilor nu vor mai accepta widget-urile Butonul +1, Adepții Google+ și Insigna Google+. Toate aparițiile acestor widget-uri vor fi eliminate de pe blogul dvs.
butoane +1. Butoanele +1 și G+ vor fi eliminate, la fel și linkurile „Publicați pe Google+” din postările de pe blog și din bara de navigare.
Vă rugăm să rețineți că, dacă utilizați un șablon personalizat care are Caracteristici Google+, poate fi necesar să fie schimbat. Vă rugăm să contactați persoana care v-a furnizat acest șablon pentru recomandări.
Comentarii Google+. Asistența pentru comentarii va fi întreruptă folosind Google+ și toate blogurile care folosesc această funcție vor avea comentariile standard Blogger restaurate. Din păcate, comentariile postate prin Google+ nu pot fi transferate pe Blogger, așa că nu vor mai apărea pe blogul tău. Îndepărtarea Comentarii Google Plus Din păcate, comentariile care au fost publicate în sistem vor fi șterse definitiv. Puteți folosi doar același instrument https://takeout.google.com pentru a spune comentarii de rezervă din Google+ pe computer. Numai că nu există încărcător de încărcare pentru el și puteți restabili comentariile doar manual într-un mod destul de strâmb. Este bine că am fost la timp la timp Cum să înlocuiesc profilul Google Plus cu un profil Blogger Dacă bloguri pe Blogspot, atunci este recomandabil să revii acum de la profilul Google Plus la profilul Blogger (pentru cei care au trecut la. Google Plus la un moment dat). Recomand să faceți acest lucru chiar acum pentru a evita situațiile neprevăzute care pot apărea în timpul ștergerii Conturi Google
Plus. Cum să-ți recuperezi profilul Blogger Acest lucru este ușor de făcut în setările de administrator Blogger: Setări –> Setări personalizate
–> Profil utilizator – aici selectați Blogger
Salvați modificările.
Confirmați trecerea la și introduceți numele sau porecla dvs.
Nu uitați să încărcați un avatar în profilul dvs. Blogger.
Autor: Ivanova Natalya
CSS sunt stiluri în care sunt scrise proprietățile unui obiect. Aceasta înseamnă că sunt în toate motoarele existente, dacă nu le puteți găsi, atunci fie că căutați în locul greșit, fie ele chiar nu există ( site strâmb). Unde se găsesc de obicei? De obicei aceasta este rădăcina site-ului, numele fișierului style.css, deși, în principiu, numele nu este la fel de important ca extensia .css dacă fișierul cu o astfel de extensie este un fișier de stil.
Vezi si pe blogul meu.
