"Layout pentru 1c-bitrix" este oarecum exagerată spunând, pentru că orice layout html poate fi adaptat într-un șablon pentru acest CMS. Însă, în ciuda acestui lucru, voi încerca să evidențiez câteva caracteristici caracteristice care vor ajuta la șablon. Și vor fi luate în considerare și câteva erori tipice care duc la denaturarea prezentării site-ului în modurile "editare" și "dezvoltare".
Aproape jumătate dintre probleme sunt legate de toate vechile IE bătrâne. Pentru a-l refuza devreme, el își păstrează în mod confident cîteva% dintre utilizatori, pe lângă faptul că sprijinul său este declarat oficial de către dezvoltatorul însuși. Deși în versiunea 9 și a promis să refuze.
Principii generale pentru plasarea stilurilor
În șablonul Bitrix implicit, două fișiere sunt atribuite stilurilor:
De exemplu, lăsați codul html să arate așa
când schimbarea este afișată în roșu, în timp ce cu regula
- în template_styles.css adăugăm tot ceea ce este legat de aspectul șablonului
În stadiul de aspect, puteți completa imediat ambele fișiere, ceea ce va grăbi munca în viitor.
Nume de stil
Unul dintre subiectele forumului a scris că clasa .mail a cauzat o eroare "Nu am putut găsi codul de apel component". Eroarea nu a putut fi reprodusă, astfel încât să puteți folosi în siguranță. Lăsat aici ca un exemplu de imprevizibilitate Bitrix :)
Unități plutitoare în modul de dezvoltare
Dacă este posibil, elementele raționalizate ar trebui să fie setate la o lățime explicită. Dacă acest lucru nu este făcut și într-un astfel de bloc puneți componenta \ în zona inclusă, atunci IE6 îl va întinde 100%, schimbând toate celelalte în jos.
Deseori, exploratorul își schimbă blocurile unul altuia, chiar și cu dimensiuni fixe. Aceasta se întâmplă atunci când suma lor este orizontal egală cu lățimea containerului părinte. Este tratată în mai multe moduri:
Pentru toate componentele din blocul extern, setați lățimea automată a liniei de selecție. Nu funcționează întotdeauna.
Funcționează fără probleme, dar linia punctată în jurul componentelor din stânga și din dreapta se pierde.
Overflow: ascuns
Mozilla în elemente cu această proprietate nu afișează pictograma componentă dacă este în partea de sus a blocului. Puteți remedia această problemă trăgând pictograma în jos cu regula
Imagini de fundal
Conținutul site-ului în modul de proiectare este mutat în raport cu fundalul, dacă îl setați pentru containerul de caroserie. Prin urmare, este mai bine să puneți bacgroundul pe primul bloc închis.
Dacă IE6 nu afișează fundalul unui element, ajută de obicei la poziționarea acestuia în poziție: relativă.
PS: puteți avea o întrebare destul de logică - de ce avem nevoie de aceste cârje pentru moduri administrative și chiar și într-un browser depășit. Răspunsul este simplu - când faci pentru tine și știi exact ce vei folosi, poți închide ochii cu mult. Atunci când dezvoltați site-uri la comandă, în opinia mea, trebuie să faceți cele mai compatibile soluții.
Articole similare
Bună, Alex, spune-mi, te rog, în puțul (vsmysle fără Bitrix apare tot așa cum ar trebui) să impună o pagină, atunci când creați un șablon bazat pe el, se deplasează în jos pe coloana din stânga dincolo de ecran, dar atunci când modul de editare este activat, acesta revine la locul pe care ea a fost luat ... cu ce comportament poate fi conectat?
Galina, cu o mare probabilitate în oricare dintre șabloanele componente, există o etichetă suplimentară de închidere (div de exemplu). În modul de dezvoltare, componentele sunt încadrate de etichete sub forma unui cadru cu ajutorul unui bitrix și eticheta suplimentară este ignorată.
Tatyana, salut! Vedeți, pentru a rezolva problema cu anteturi diferite pentru paginile principale și celelalte, există mai multe metode:
0. Setați "proprietatea" paginii sau secțiunii și apoi verificați această proprietate în șablon.
1. Șablonul site-ului pentru a face o verificare pe pagina principală $ APPLICATION-> GetCurPage (true) == »/ index.php» și atârnă pe titlul de o clasă separată. Metoda minus - dacă doriți să adăugați altceva că principalele diferențe în nivelul șablon, trebuie să sculpteze încă un test similar, iar acest lucru nu este bun.
2. Copiați șablonul, schimbați stilurile și conectați-vă la cel principal din zona de administrare. Minusul este irațional pentru astfel de mici schimbări. Plus - șablonul poate fi schimbat dincolo de recunoaștere :)
Alexey vă mulțumesc. O să încerc. Bitrix doar studiază și trebuie să reproiectăm într-un proiect specific.