Bună seara! Azi am să-ți spun cum să faci filele (tab-uri) pe CSS3 pură, fără nici o jQuery utilizare sau alte script-uri. După cum știți, cu atât mai puțin va fi folosind script-uri, cu atât mai bine pentru site-ul dvs., și cu atât mai rapid va funcționa. O viteză de site-ul este acum unul dintre cei mai importanți indicatori ai clasarea în motoarele de căutare.
file Adaptive (file) pe css pur și fără scripting
Astăzi, există file pe aproape orice site. Acestea sunt necesare pentru a afișa mai multe zone de conținut, fără ca utilizatorul navighează la alte pagini. De exemplu, pe unul dintre proiectele mele de a dezvolta magazin online de Joomla a fost adăugarea a două file, care va afișa pe 3 produs de două tipuri: „Cel mai bine vandut“ și „ultimul“. Acesta a decis să le facă în css pură, fără reîncărcare site-ului script-uri inutile.
Codul HTML pentru filele cu CSS3 pentru articole
1. În primul rând avem nevoie pentru a crea un div cu «file» clasă.
2. Adăugați buton numit direct comutate «file», când faceți clic pe, acestea vor include conținutul filele noastre.
3. Adăugarea numele lor prin intermediul etichetei
4. Sub butoanele pe care le-am făcut și la punctele 1-3, vom adăuga deja în mod direct conținutul pe care dorim să le afișați. În cazul meu, este ultimele trei bunuri și trei dintre cele mai bune produse.
Fiecare unitate are o clasă în identificatorii filă-conținut și tab-conținut-1 și tab-conținut-2.
Total file HTML ale viitorului nostru