рднрд╛рдЧ рдПрдХ, рдкрд░рд┐рдЪрдпрд▓реЗрдЦ рдХреЗ рдкрд╣рд▓реЗ рднрд╛рдЧ рдореЗрдВ, рдореИрдВрдиреЗ рдбреНрд░реБрдкрд▓ рдХреЗ рд▓рд┐рдП рдЙрддреНрдХреГрд╖реНрдЯ рдУрдореЗрдЧрд╛ рдврд╛рдВрдЪреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдмрд╛рдд рдХреА, рдЬреЛ рдЖрдкрдХреЛ рдЧреНрд░рд┐рдб (рдЧреНрд░рд┐рдб) рдХреЗ рдЖрдзрд╛рд░ рдкрд░ рдЕрдкрдиреЗ рд╕реНрд╡рдпрдВ рдХреЗ рдХрд╕реНрдЯрдо рдереАрдо рдмрдирд╛рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрддрд╛ рд╣реИ, рдордирдорд╛рдиреЗ рдврдВрдЧ рд╕реЗ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░ рдФрд░ рдПрдЪрдЯреАрдПрдордПрд▓ рдХреЛрдб рдХреЗ рдХрд┐рд╕реА рднреА рд╕рдВрд╢реЛрдзрди рдХреЗ рдмрд┐рдирд╛ рдХреНрд╖реЗрддреНрд░реЛрдВ рдХреЗ рд╕реНрдерд╛рди рдФрд░ рдЖрдХрд╛рд░ рдХреЛ рдмрджрд▓ рд╕рдХрддрд╛ рд╣реИред рд╣рдо рдпрд╣рд╛рдВ рд░реБрдХ рд╕рдХрддреЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдЧреНрд░рд┐рдб рдХреЗ рдЕрдкрдиреЗ рдХрд╛рд░реНрдпрд╛рдиреНрд╡рдпрди рдХреЗ рд╕рд╛рде рдПрдХ рдЕрджреНрднреБрдд рд╢рдХреНрддрд┐рд╢рд╛рд▓реА рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рд╕реАрдПрд╕рдПрд╕ рдлреНрд░реЗрдорд╡рд░реНрдХ рд╣реИ, рдмрдбрд╝реА рд╕рдВрдЦреНрдпрд╛ рдореЗрдВ рддреИрдпрд╛рд░ рд╕реАрдПрд╕рдПрд╕ рдФрд░ рдЬреЗрдПрд╕ рдШрдЯрдХ рдЬреЛ рд╕реНрдЯрд╛рдЗрд▓ рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд рдЖрд╕рд╛рди рд╣реИрдВ, рдФрд░ рдПрдХ рд╡рд┐рд╢рд╛рд▓ рд╕рдореБрджрд╛рдп рднреА рд╣реИ, рдЬрд┐рд╕рдХреА рдмрджреМрд▓рдд рд╣рдореЗрдВ рдЙрдЪреНрдЪрддрдо рдЧреБрдгрд╡рддреНрддрд╛ рдФрд░ "рдкрд╛рд▓рд╛" рдЬрд╛рддрд╛ рд╣реИред рдкреНрд░рддрд┐рдпреЛрдЧрд┐рдпреЛрдВ рдХреА рддреБрд▓рдирд╛ рдореЗрдВ рдХреЛрдбред
рдЗрд╕ рд▓реЗрдЦ рдХреЗ рдЗрд╕ рднрд╛рдЧ рдореЗрдВ, рдореИрдВ рдЖрдкрдХреЛ рджрд┐рдЦрд╛рддрд╛ рд╣реВрдБ рдХрд┐ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдХреЛ рдУрдореЗрдЧрд╛ рд╕реЗ рдХреИрд╕реЗ рдЬреЛрдбрд╝рд╛ рдЬрд╛рдПред рд▓реЗрдХрд┐рди рдЕрдЧрд░ рдХрд┐рд╕реА рдХрд╛рд░рдг рд╕реЗ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдЖрдкрдХреЛ рд╕реВрдЯ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ, рддреЛ рдЗрд╕ рддрд░рд╣ рд╕реЗ рдЖрдк рдЕрдкрдиреА рдкрд╕рдВрдж рдХреЗ рдХрд┐рд╕реА рдЕрдиреНрдп рдврд╛рдВрдЪреЗ рдХреЛ рдУрдореЗрдЧрд╛ рд╕реЗ рдЬреЛрдбрд╝ рд╕рдХрддреЗ рд╣реИрдВред рдЬреИрд╕рд╛ рдХрд┐ рд▓реЗрдЦ рдХреЗ рдкрд╣рд▓реЗ рднрд╛рдЧ рдореЗрдВ, рдореИрдВ рдХрд┐рд╕реА рднреА рд╡рд┐рд╢рд┐рд╖реНрдЯрддрд╛ рдХрд╛ рджрд┐рдЦрд╛рд╡рд╛ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реВрдВ, рдореИрдВ рд╕рд┐рд░реНрдл рдЙрди рдЪреАрдЬреЛрдВ рдХрд╛ рд╡рд░реНрдгрди рдХрд░рддрд╛ рд╣реВрдВ рдЬрд┐рдиреНрд╣реЗрдВ рдкреНрд░рд▓реЗрдЦрди рд╕реЗ рд╕реАрдЦрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рдмрд╣реБрдд рд╕рд╛рд░реЗ рдХреЛрдб рдФрд░ рдХреБрдЫ рдЪрд┐рддреНрд░ рд╣реЛрдВрдЧреЗред
рдкрд╣рд▓реЗ, рдлрд┐рд░ рд╕реЗ, рдПрдХ рдЫреЛрдЯреЗ рд╕реЗ рд╕рд┐рджреНрдзрд╛рдВрдд рдХреЗ рд╕рд╛рде рдпрд╣ рдЕрдиреБрдорд╛рди рд▓рдЧрд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд┐ рд╣рдореЗрдВ рдХреНрдпрд╛ рдХрд╛рдо рдХрд░рдирд╛ рд╣реИред рддреЛ, рдУрдореЗрдЧрд╛ рдврд╛рдВрдЪреЗ рдХреА рд╕рдВрд░рдЪрдирд╛:
- рдореВрд▓ рдЕрд▓реНрдлрд╛ рдереАрдо, рдЬрд┐рд╕рдореЗрдВ рдмрд╣реБрдд рд╣реА рдХрд╛рд░реНрдпрдХреНрд╖рдорддрд╛ рд╣реЛрддреА рд╣реИ рдЬреЛ рдЖрдкрдХреЛ рдереАрдо рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдЬрд╝реЛрди рдФрд░ рдХреНрд╖реЗрддреНрд░реЛрдВ рдХреЗ рд╕реНрдерд╛рди рдХреЛ рд╕реЗрдЯ рдХрд░рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрддреА рд╣реИ, рд╕рд╛рде рд╣реА рд╕рд╛рде рд╣рдорд╛рд░реЗ рдирд┐рдкрдЯрд╛рди рдореЗрдВ рд╡рд┐рднрд┐рдиреНрди рдкреНрд░рдХрд╛рд░реЛрдВ рдХреЗ рдПрдХ рдореВрд▓ рдЧреНрд░рд┐рдб (рдлрд┐рдХреНрд╕реНрдб рдФрд░ рдлреНрд▓реБрдЗрдб) рдФрд░ рдХреЙрд▓рдо рдХреА рд╕рдВрдЦреНрдпрд╛ (12, 16, 24) рдХреА рд╢реБрд░реБрдЖрдд рдХрд░рддреА рд╣реИред
- рдУрдореЗрдЧрд╛ рдХреЛрд░ рдереАрдо, рдЕрд▓реНрдлрд╛ рдХреЛрд░ рдереАрдо рдХрд╛ рдПрдХ рдЙрдк-рд╡рд┐рд╖рдп, рдЬрд┐рд╕рдореЗрдВ рдХреЛрд░ рдбреНрд░реБрдкрд▓ рдПрдЪрдЯреАрдПрдордПрд▓ 5 рдЯреЗрдореНрдкрд▓реЗрдЯреНрд╕ рдХреЛ рдлрд┐рд░ рд╕реЗ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред
- рд╕реНрдЯрд╛рд░реНрдЯрд░ рдХрд┐рдЯ, рдЬрд┐рд╕рдХреЗ рдЖрдзрд╛рд░ рдкрд░ рд╣рдореЗрдВ рдУрдореЗрдЧрд╛ рдХреЗ рдЖрдзрд╛рд░ рдкрд░ рдЙрдк-рдереАрдо рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдЖрдордВрддреНрд░рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рдпрд╛ рддреЛ рдореИрдиреНрдпреБрдЕрд▓ рд░реВрдк рд╕реЗ рдпрд╛ рдУрдореЗрдЧрд╛ рдЯреВрд▓реНрд╕ рдореЙрдбреНрдпреВрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗред
рдЗрд╕ рдкреНрд░рдХрд╛рд░, рдУрдореЗрдЧрд╛ рдХреЗ рд╕рд╛рде рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рдЖрдкрдХреЛ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдХрд╛рд░реНрдп рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ:
- рдПрдХ рдореВрд▓ рд╡рд┐рд╖рдп рдмрдирд╛рдПрдВ, рдПрдХ рдУрдореЗрдЧрд╛ рдЙрдк-рд╡рд┐рд╖рдп, рдЬреЛ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдХреЛ рдХрдиреЗрдХреНрдЯ рдХрд░реЗрдЧрд╛ рдФрд░ рдУрдореЗрдЧрд╛ (рдЧреНрд░рд┐рдб- *) CSS рд╕реАрдПрд╕рдПрд╕ рдХрдХреНрд╖рд╛рдУрдВ рдХреЛ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк (рд╕реНрдкреИрди *) рд╕реЗ рдЬреЛрдбрд╝реЗрдЧрд╛, рдФрд░ рдорд╛рдирдХ Drupal рдШрдЯрдХреЛрдВ рдХреЗ рд▓рд┐рдП рдЖрд╡рд╢реНрдпрдХ CSS рдХрдХреНрд╖рд╛рдПрдВ рдЬреЛрдбрд╝реЗрдВ (рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдмрдЯрди, рд╕рд┐рд╕реНрдЯрдо рд╕рдВрджреЗрд╢,) "рдмреНрд░реЗрдбрдХреНрд░рдВрдм", рдкреЗрдЬрд┐рдиреЗрд╢рди, рдЖрджрд┐)ред
- рдУрдореЗрдЧрд╛ рдЯреВрд▓реНрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдЙрдк-рдереАрдо рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рд╣рдорд╛рд░реЗ рдореВрд▓ рд╡рд┐рд╖рдп рдХреЗ рд▓рд┐рдП рд╕реНрдЯрд╛рд░реНрдЯрд░ рдХрд┐рдЯ рдмрдирд╛рдПрдВред
рд╣рдо рдУрдореЗрдЧрд╛ рдПрдЪрдЯреАрдПрдордПрд▓ 5 рд╕реНрдЯрд╛рд░реНрдЯрдХрд┐рдЯ рд╕реЗ рдореВрд▓ рд╡рд┐рд╖рдп рдмрдирд╛рдПрдВрдЧреЗред
рдореВрд▓ рд╡рд┐рд╖рдп рдФрд░ рд╕реНрдЯрд╛рд░реНрдЯрд░ рдХрд┐рдЯ рддреИрдпрд╛рд░ рдХрд░рдирд╛
omega/starterkits/omega-html5
рдирд┐рд░реНрджреЗрд╢рд┐рдХрд╛ рдХреЗ рдЖрдЧреЗ omega/starterkits/omega-html5
рдирд┐рд░реНрджреЗрд╢рд┐рдХрд╛ рдХреЛ рдХреЙрдкреА рдХрд░реЗрдВ рдФрд░ рдЗрд╕реЗ omega_bootstrap
рдирд╛рдо omega_bootstrap
ред- рдлрд╝рд╛рдЗрд▓реЛрдВ рдХрд╛ рдирд╛рдо рдмрджрд▓реЗрдВ
omega_bootstrap.info
тЖТ omega_bootstrap.info
, css/global.css
тЖТ css/omega-bootstrap.css
рдФрд░ рдЕрдкрдиреЗ YOURTHEME-alpha-default-narrow.css, YOURTHEME-alpha-default-normal.css, YOURTHEME-alpha-default-wide.css, YOURTHEME-alpha-default.css
- Bootsrtap рдбрд╛рдЙрдирд▓реЛрдб рдХрд░реЗрдВ рдФрд░ cst рдбрд╛рдпрд░реЗрдХреНрдЯрд░реА рдореЗрдВ
bootstrap.css
рдФрд░ bootstrap-responsive.css
. css
рдлрд╛рдЗрд▓реЗрдВ рдбрд╛рд▓реЗрдВ рдФрд░ bootstrap-responsive.css
. js
рдлрд╛рдЗрд▓ рдХреЗ рд▓рд┐рдП js
рдбрд╛рдпрд░реЗрдХреНрдЯрд░реА рдмрдирд╛рдПрдВред рдиреНрдпреВрдирддрдо рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдХреЛрдИ рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реИ, рд╣рдо рднрд╡рд┐рд╖реНрдп рдореЗрдВ рд╕реАрдПрд╕рдПрд╕ рдФрд░ рдЬреЗрдПрд╕ рдХреЛ рдорд╛рдирдХ рдбреНрд░реБрдкрд▓ рдЯреВрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рд╕рдВрдкреАрдбрд╝рд┐рдд рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рд╣реЛрдВрдЧреЗред
рдЕрдЧрд▓рд╛, рд╣рдо
omega_bootstrap.info
рдереАрдо рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдлрд╝рд╛рдЗрд▓ рдХрд╛ рд╕рдВрдкрд╛рджрди рд╢реБрд░реВ рдХрд░рддреЗ рд╣реИрдВред рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ,
name = Omega with Bootstrap
рдФрд░
starterkit = FALSE
рдорд╛рдкрджрдВрдбреЛрдВ рдХреЗ
name = Omega with Bootstrap
рдмрджрд▓реЗрдВред
рд╕реБрд╡рд┐рдзрд╛ рдХреЗ рд▓рд┐рдП, рдЗрд╕ рдлрд╝рд╛рдЗрд▓ рдХреЗ рдорд╛рдкрджрдВрдбреЛрдВ рдХреЛ рдЦрдВрдбреЛрдВ рдореЗрдВ рд╡рд┐рднрд╛рдЬрд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред
ADDITIONAL REGIONS
рдХреНрд╖реЗрддреНрд░ рдФрд░ рдХреНрд╖реЗрддреНрд░реЛрдВ рдореЗрдВ рд╣рдо рдЬрд┐рди рдХреНрд╖реЗрддреНрд░реЛрдВ рдпрд╛ рдХреНрд╖реЗрддреНрд░реЛрдВ рдХреЛ рд╣рдо рдЬреЛрдбрд╝ рд╕рдХрддреЗ рд╣реИрдВред
OPTIONAL STYLESHEETS
рдЕрдиреБрднрд╛рдЧ рдореЗрдВ,
[omega-bootstrap.css]
рд▓рд┐рдП
[omega-bootstrap.css]
[global.css]
рд╕рдм рдХреБрдЫ рдмрджрд▓ рджреЗрдВ рдФрд░
name
рдкреИрд░рд╛рдореАрдЯрд░ рдХреЛ рдХреБрдЫ
Omega Bootstrap custom styles
рддрд░рд╣ рд╕реЗрдЯ рдХрд░реЗрдВред рдпрд╣рд╛рдВ рд╣рдо рдЕрддрд┐рд░рд┐рдХреНрдд рд╕реАрдПрд╕рдПрд╕ рднреА рдЬреЛрдбрд╝ рд╕рдХрддреЗ рд╣реИрдВ (рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, FontAwesome рдХреЛ рд╕рдХреНрд╖рдо рдХрд░реЗрдВ), рдЬрд┐рд╕реЗ рд╣рдо рдлрд┐рд░
рдЯреЙрдЧрд▓ рд╕реНрдЯрд╛рдЗрд▓ рд╕реЗрдХреНрд╢рди рдореЗрдВ рдереАрдо рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдореЗрдВ рдЪрд╛рд▓реВ / рдмрдВрдж рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ
(рд╕рдХреНрд╖рдо / рдЕрдХреНрд╖рдо рд╢реИрд▓рд┐рдпреЛрдВ)редOPTIONAL STYLESHEETS
рдиреАрдЪреЗ,
OPTIONAL STYLESHEETS
рдФрд░
CSS GRID SYSTEMS
рдЦрдВрдб рдмрдирд╛рдПрдВ:
; OPTIONAL LIBRARIES libraries[bootstrap][name] = 'Bootstrap' libraries[bootstrap][description] = 'Sleek, intuitive, and powerful front-end framework for faster and easier web development.' libraries[bootstrap][css][0][file] = bootstrap.css libraries[bootstrap][css][0][options][weight] = 1 libraries[bootstrap][css][1][file] = bootstrap-responsive.css libraries[bootstrap][css][1][options][weight] = 2 libraries[bootstrap][js][0][file] = bootstrap.js libraries[bootstrap][js][0][options][weight] = -1 ; CSS GRID SYSTEMS grids[bootstrap][name] = Bootstrap grids[bootstrap][layouts][normal] = Normal grids[bootstrap][columns][12] = 12 Columns
рд╣рдордиреЗ
omega.info
.
alpha.info
рдФрд░
omega.info
рд╕реЗ рдЗрди рд╡рд░реНрдЧреЛрдВ рдХрд╛ рд╡рд░реНрдгрди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдкреНрд░рд╛рд░реВрдк рд▓рд┐рдпрд╛ред
рд╣рдо рдУрдореЗрдЧрд╛ рдПрдЪрдЯреАрдПрдордПрд▓ 5 рд╕реНрдЯрд╛рд░реНрдЯрдХрд┐рдЯ рд╕реЗ рд╕реНрдЯрд╛рд░реНрдЯрд░ рдХрд┐рдЯ рднреА рдмрдирд╛рддреЗ рд╣реИрдВ:
- рдирд┐рд░реНрджреЗрд╢рд┐рдХрд╛
omega/starterkits/omega-html5
рдХреЛ omega_bootstrap
рдмрдЧрд▓ рдореЗрдВ omega_bootstrap
, рдЗрд╕рдХрд╛ рдирд╛рдо рдмрджрд▓рдХрд░ omega-html5-bootstrap
omega_bootstrap
omega-html5-bootstrap
ред YOURTHEME-alpha-default-narrow.css, YOURTHEME-alpha-default-normal.css, YOURTHEME-alpha-default-wide.css, YOURTHEME-alpha-default.css
рдирд╛рдо рдмрджрд▓рдХрд░ YOURTHEME-alpha-default-narrow.css, YOURTHEME-alpha-default-normal.css, YOURTHEME-alpha-default-wide.css, YOURTHEME-alpha-default.css
starterkit_omega_html5_bootstrap.info
рдлрд╝рд╛рдЗрд▓ рдореЗрдВ starterkit_omega_html5_bootstrap.info
name = Omega HTML5 Starterkit with Bootstrap
рдФрд░ base theme = omega_bootstrap
name = Omega HTML5 Starterkit with Bootstrap
base theme = omega_bootstrap
ред
рд╣рдорд╛рд░реЗ рдореВрд▓ рд╡рд┐рд╖рдп рдФрд░ рд╕реНрдЯрд╛рд░реНрдЯрд░ рдХрд┐рдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рддреИрдпрд╛рд░ рд╣реИрдВред рд▓реЗрдХрд┐рди рдпрд╣ рдЕрдВрдд рдирд╣реАрдВ рд╣реИ, рдмрд▓реНрдХрд┐ рдХреЗрд╡рд▓ рд╢реБрд░реБрдЖрдд рд╣реИред
рдЙрдк рд╡рд┐рд╖рдп рдирд┐рд░реНрдорд╛рдг
рдЖрдЧреЗ рд╣реЛрдиреЗ рд╡рд╛рд▓реА рдкреНрд░рдХреНрд░рд┐рдпрд╛ рдХреЗ рдЕрдзрд┐рдХ рджреГрд╢реНрдп рдкреНрд░рддрд┐рдирд┐рдзрд┐рддреНрд╡ рдХреЗ рд▓рд┐рдП, рд╣рдо рдУрдореЗрдЧрд╛ рдЯреВрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реБрдП
рд▓реЗрдЦ рдХреЗ
рдкрд╣рд▓реЗ рднрд╛рдЧ рдореЗрдВ рд╡рд░реНрдгрд┐рдд рддрд░реАрдХреЗ рд╕реЗ рдПрдХ рдирдпрд╛ рд╡рд┐рд╖рдп рдмрдирд╛рдПрдВрдЧреЗ, рдХреЗрд╡рд▓
рдмреЗрд╕ рдереАрдо (рдмреЗрд╕ рдереАрдо) рдореЗрдВ рд╣рдо рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдХреЗ рд╕рд╛рде рдУрдореЗрдЧрд╛ рдХрд╛ рдЪрдпрди
рдХрд░рддреЗ рд╣реИрдВ , рдФрд░
рд╕реНрдЯреЗрдЯрд░рдХрд┐рдЯ (рд╕реНрдЯрд╛рд░реНрдЯрд░ рд╕реЗрдЯ) рдореЗрдВ - рд╣рдорд╛рд░рд╛
рдУрдореЗрдЧрд╛ HTML5 рд╕реНрдЯрд╛рд░реНрдЯрд░рдХрд┐рдЯ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк (рдЪрд┐рддреНрд░ 1) рдХреЗ рд╕рд╛рдеред
1ред

2ред

3ред

4ред

5ред

рд╣рдо рдЕрдкрдиреА рдереАрдо рдХреЛ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд░реВрдк рд╕реЗ рд╕реЗрдЯ рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рд╕реЗрдЯрд┐рдВрдЧ рдореЗрдВ рдЬрд╛рддреЗ рд╣реИрдВред
- рдЧреНрд░рд┐рдб рд╕рд┐рд╕реНрдЯрдо (рдЧреНрд░рд┐рдб рдкреНрд░рдХрд╛рд░) рдореЗрдВ рдЧреНрд░рд┐рдб рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдЯреИрдм рдкрд░ , рдПрдХ рдирдпрд╛ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдкреНрд░рдХрд╛рд░ рджрд┐рдЦрд╛рдИ рджрд┐рдпрд╛ рд╣реИ , рдФрд░ рдЗрд╕реЗ рдЪреБрдиреЗрдВ (рдЫрд╡рд┐ 2)ред
- рдЬрд╝реЛрди рдФрд░ рдХреНрд╖реЗрддреНрд░ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рди рдЯреИрдм рдкрд░, рдЬрд╝реЛрди рдФрд░ рдХреНрд╖реЗрддреНрд░реЛрдВ рдореЗрдВ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдХрдХреНрд╖рд╛рдПрдВ рдЬреЛрдбрд╝реЗрдВред рдЬрд╝реЛрди рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рди рдЕрдиреБрднрд╛рдЧ рдореЗрдВ, рдЕрддрд┐рд░рд┐рдХреНрдд рдЬрд╝реЛрди рд╡рд░реНрдЧ рдлрд╝реАрд▓реНрдб рдореЗрдВ,
row
рдХрд╛ рдорд╛рди рд╕реЗрдЯ рдХрд░реЗрдВ, рдФрд░ рдЕрддрд┐рд░рд┐рдХреНрдд рдЖрд╡рд░рдг рд╡рд░реНрдЧ рдлрд╝реАрд▓реНрдб рдореЗрдВ, container
рдХрд╛ рдорд╛рди рд╕реЗрдЯ рдХрд░реЗрдВред рдХреНрд╖реЗрддреНрд░ рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдореЗрдВ, рдЕрддрд┐рд░рд┐рдХреНрдд рдХреНрд╖реЗрддреНрд░ рд╡рд░реНрдЧ рдлрд╝реАрд▓реНрдб рдореЗрдВ, рдЖрд╡рд╢реНрдпрдХ рд╕рдВрдЦреНрдпрд╛ рдХреЗ рдЕрдиреБрд╕рд╛рд░ рд╡рд╛рдВрдЫрд┐рдд span*
рд╡рд░реНрдЧ рд╕реЗрдЯ рдХрд░реЗрдВред рдУрдореЗрдЧрд╛ рдЖрдкрдХреЛ рдЬрд╝реЛрди рдФрд░ рдХреНрд╖реЗрддреНрд░реЛрдВ рдХреЗ рд▓рд┐рдП рдордирдорд╛рдиреА рдХрдХреНрд╖рд╛рдПрдВ рд╕реЗрдЯ рдХрд░рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрддрд╛ рд╣реИ, рдЬрд┐рдиреНрд╣реЗрдВ рд╣рдордиреЗ рдЕрднреА рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рднрд╡рд┐рд╖реНрдп рдореЗрдВ рд╣рдо рдЗрд╕ рдкреНрд░рдХреНрд░рд┐рдпрд╛ (рдЫрд╡рд┐ 3) рдХреЛ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рдХрд░реЗрдВрдЧреЗред - рдЯреЙрдЧрд▓ рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдЯреИрдм рдкрд░ (рдкреБрд╕реНрддрдХрд╛рд▓рдпреЛрдВ рдХреЛ рд╕рдХреНрд╖рдо / рдЕрдХреНрд╖рдо рдХрд░реЗрдВ), рд╕рднреА рдорд╛рдирдХ рдУрдореЗрдЧрд╛ рдкреБрд╕реНрддрдХрд╛рд▓рдпреЛрдВ рдХреЛ рдмрдВрдж рдХрд░реЗрдВ рдФрд░ рд╣рдорд╛рд░реЗ рдмреВрдЯрдЯреНрд░реИрдк (рдЫрд╡рд┐ 4) рдХреЛ рд╕рдХреНрд╖рдо рдХрд░реЗрдВред
- рдЯреЙрдЧрд▓ рд╢реИрд▓рд┐рдпреЛрдВ рдЯреИрдм (рд╕рдХреНрд╖рдо / рдЕрдХреНрд╖рдо рдХрд░реЗрдВ рд╢реИрд▓рд┐рдпреЛрдВ) рдкрд░, рдУрдореЗрдЧрд╛ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдХрд╕реНрдЯрдо рд╢реИрд▓рд┐рдпреЛрдВ (рд╕рднреА) - рдУрдореЗрдЧрд╛- bootstrap.css рдФрд░ рдЖрдкрдХреА рдХрд╕реНрдЯрдо рд╡реИрд╢реНрд╡рд┐рдХ рд╢реИрд▓рд┐рдпреЛрдВ (рд╕рднреА - рд╡реИрд╢реНрд╡рд┐рдХ) рдХреЛ рдЫреЛрдбрд╝рдХрд░, рд╡реИрдХрд▓реНрдкрд┐рдХ рд╢реИрд▓рд┐рдпрд╛рдБ рд╕рдХреНрд╖рдо рдХрд░реЗрдВ рдЕрдиреБрднрд╛рдЧ рдореЗрдВ рд╕рднреА рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рдЕрдХреНрд╖рдо рдХрд░реЗрдВ ред css (рдЕрдВрдЬреАрд░ред 5)ред
рд╣рдо рд▓реЗрдЦ рдХреЗ рдкрд╣рд▓реЗ рднрд╛рдЧ рд╕реЗ рд╕рд┐рдлрд╛рд░рд┐рд╢реЛрдВ рдХреЗ рдЕрдиреБрд╕рд╛рд░ рдЕрдиреНрдп рд╕рднреА рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рд╕реЗрдЯ рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рдЙрдиреНрд╣реЗрдВ рдмрдЪрд╛рддреЗ рд╣реИрдВред рдлрд┐рд░ рд╣рдо
рдПрдХреНрд╕рдкреЛрд░реНрдЯ рдереАрдо рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдмрдЯрди рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ,
рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдХреЙрдкреА рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдЙрдиреНрд╣реЗрдВ
omega-html5-bootstrap/starterkit_omega_html5_bootstrap.info
рдореЗрдВ рдкреЗрд╕реНрдЯ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдЙрдиреНрд╣реЗрдВ
THEME SETTINGS (DEFAULTS)
рдЕрдиреБрднрд╛рдЧ рдореЗрдВ рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдХреЗ рд╕рд╛рде рдмрджрд▓ рд╕рдХрддреЗ рд╣реИрдВред рдЗрд╕ рдорд╛рдорд▓реЗ рдореЗрдВ, рд╣рдорд╛рд░реЗ рд╕реНрдЯрд╛рд░реНрдЯрд░ рдХрд┐рдЯ рд╕реЗ рд╕рднреА рдирдП рд╡рд┐рд╖рдпреЛрдВ рдХреЛ рддреБрд░рдВрдд рдЙрд╕ рддрд░реАрдХреЗ рд╕реЗ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░ рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛, рдЬрд┐рд╕рдХреА рд╣рдореЗрдВ рдЬрд╝рд░реВрд░рдд рд╣реИред
рдереАрдо
рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдЙрди рдХрдХреНрд╖рд╛рдУрдВ рдореЗрдВ рд╢реИрд▓реА рддрддреНрд╡реЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИ рдЬреЛ рдорд╛рдирдХ рдбреНрд░реБрдкрд▓ рдХрдХреНрд╖рд╛рдУрдВ рд╕реЗ рднрд┐рдиреНрди рд╣реЛрддреЗ рд╣реИрдВред рдЗрд╕рд▓рд┐рдП, рдЖрдкрдХреЛ рдорд╛рдирдХ Drupal рддрддреНрд╡реЛрдВ рдХреЗ рдЖрдЙрдЯрдкреБрдЯ рдореЗрдВ Bootsrtap рдХрдХреНрд╖рд╛рдПрдВ рдЬреЛрдбрд╝рдирд╛ рд╣реЛрдЧрд╛ред рдРрд╕рд╛ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рд╣рдо Drupal рд╡рд┐рд╖рдп рдХреА рдорд╛рдирдХ рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВрдЧреЗ, рдЕрд░реНрдерд╛рддреН, рд╣рдо рд╣рдорд╛рд░реЗ рджреНрд╡рд╛рд░рд╛ рдЖрд╡рд╢реНрдпрдХ
theme_
рдлрд╝рдВрдХреНрд╢рди рдХреЛ рдлрд┐рд░ рд╕реЗ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░реЗрдВрдЧреЗред рдЖрдк
рд╡рд┐рд╖рдп рдкрд░рдд (
http://drupal.org/node/933976 )
рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдкреНрд░рд▓реЗрдЦрди рдЕрдиреБрднрд╛рдЧ рд╕реЗ Drupal рдереАрдо рдХреА рд╕рдВрднрд╛рд╡рдирд╛рдУрдВ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЕрдзрд┐рдХ рдЬрд╛рди рд╕рдХрддреЗ рд╣реИрдВред
рд╣рдо рдЕрдкрдиреЗ рдмреЗрд╕ рдереАрдо
omega_bootstrap
рдХреЗ рдореВрд▓ рдореЗрдВ
template.php
omega_bootstrap
рдлрд╝рд╛рдЗрд▓ рдореЗрдВ
omega_bootstrap
рдлрд╝рдВрдХреНрд╢рди рдХреЛ рдлрд┐рд░ рд╕реЗ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░реЗрдВрдЧреЗ, рдЬрд┐рд╕ рд╕реНрдерд┐рддрд┐ рдореЗрдВ рдЙрдиреНрд╣реЗрдВ рд╣рдорд╛рд░реЗ рд╕рднреА рдЙрдк-рд╡рд┐рд╖рдпреЛрдВ рджреНрд╡рд╛рд░рд╛ рд╡рд┐рд░рд╛рд╕рдд рдореЗрдВ рдорд┐рд▓реЗрдЧрд╛ред
рдЖрд░рдВрдн рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП,
container
рдФрд░
row
рд╡рд░реНрдЧреЛрдВ рдХреЛ рдЬрд╝реЛрди рдореЗрдВ рдореИрдиреНрдпреБрдЕрд▓ рд░реВрдк рд╕реЗ рдЬреЛрдбрд╝рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╕реЗ рдЫреБрдЯрдХрд╛рд░рд╛ рдкрд╛рдПрдВ, рд╕рд╛рде рд╣реА рдХреНрд╖реЗрддреНрд░реЛрдВ рдХреЗ рд▓рд┐рдП
span*
рдХрдХреНрд╖рд╛рдПрдВ рднреАред рдРрд╕рд╛ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП,
omega_bootstrap_process()
рдлрд╝рдВрдХреНрд╢рди рдХреЛ
template.php
:
рдУрдореЗрдЧрд╛_рдмреВрдЯрд╕реНрдЯреНрд░реИрдк_рдкреНрд░реЛрд╕реЗрд╕ () function omega_bootstrap_process(&$vars, $hook) { if (!empty($vars['elements']['#grid']) || !empty($vars['elements']['#data']['wrapper_css'])) { if (!empty($vars['elements']['#grid'])) { foreach (array('prefix', 'suffix', 'push', 'pull') as $quality) { if (!empty($vars['elements']['#grid'][$quality])) { array_unshift($vars['attributes_array']['class'], 'offset' . $vars['elements']['#grid'][$quality]);
рд╣рдордиреЗ
alpha_process()
рдлрд╝рдВрдХреНрд╢рди рд╕реЗ рдХреЛрдб рдЙрдзрд╛рд░ рд▓рд┐рдпрд╛ рд╣реИ, рдЬреЛ
omega/alpha/template.php
рдореЗрдВ рдкрд╛рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред
alpha_process()
рдлрд╝рд╛рдЗрд▓ред рдЬреИрд╕рд╛ рдХрд┐ рдЖрдк рджреЗрдЦ рд╕рдХрддреЗ рд╣реИрдВ, рдЖрдкрдХреЛ рдЕрднреА рднреА
row
рдЬреЛрдбрд╝рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ, рдЗрд╕рдХреЗ рд▓рд┐рдП рд╣рдо
omega/alpha/templates/zone.tpl.php
рд╕реЗ рдЯреЗрдореНрдкреНрд▓реЗрдЯ рдлрд╝рд╛рдЗрд▓реЛрдВ рдХреА рдкреНрд░рддрд┐рд▓рд┐рдкрд┐ рдмрдирд╛рддреЗ рд╣реИрдВред
omega/omega/templates/zone--content.tpl.php
рд╕реЗ
omega_bootstrap/templates
рдбрд╛рдпрд░реЗрдХреНрдЯрд░реА рдореЗрдВ
omega_bootstrap/templates
рдФрд░ рдЗрд╕реЗ рдПрдбрд┐рдЯ рдХрд░рддреЗ рд╣реИрдВред
Zone.tpl.php рдлрд╝рд╛рдЗрд▓ <?php ?> <?php if ($wrapper): ?><div<?php print $attributes; ?>><?php endif; ?> <div<?php print $content_attributes; ?>><div class="row"> <?php print $content; ?> </div></div> <?php if ($wrapper): ?></div><?php endif; ?>
рдЬрд╝реЛрди рдлрд╝рд╛рдЗрд▓ - content.tpl.php <?php if ($wrapper): ?><div<?php print $attributes; ?>><?php endif; ?> <div<?php print $content_attributes; ?>><div class="row"> <?php if ($breadcrumb): ?> <div id="breadcrumb" class="grid-<?php print $columns; ?>"><?php print $breadcrumb; ?></div> <?php endif; ?> <?php if ($messages): ?> <div id="messages" class="grid-<?php print $columns; ?>"><?php print $messages; ?></div> <?php endif; ?> <?php print $content; ?> </div></div> <?php if ($wrapper): ?></div><?php endif; ?>
рдЕрдм рдЖрдк рдереАрдо рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рд╕реЗ рдЕрдирд╛рд╡рд╢реНрдпрдХ рдХрдХреНрд╖рд╛рдПрдВ рд╣рдЯрд╛ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рд╕рд╛рдорд╛рдиреНрдп рддрд░реАрдХреЗ рд╕реЗ рдХреНрд╖реЗрддреНрд░ рдореЗрдВ рдХреЙрд▓рдо рдХреА рд╕рдВрдЦреНрдпрд╛ рдирд┐рд░реНрдзрд╛рд░рд┐рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред
рдЕрдм рд╣рдо рд╕рдЬрд╛рд╡рдЯ рдХреЗ рд▓рд┐рдП рдЖрдЧреЗ рдмрдврд╝рддреЗ рд╣реИрдВред рд╣рдо рд╕рдВрдмрдВрдзрд┐рдд рдХрд╛рд░реНрдпреЛрдВ рд╕реЗ рдХреЛрдб рд▓реЗрддреЗ рд╣реИрдВ, рдЗрд╕реЗ рдЕрдкрдиреА рдЖрд╡рд╢реНрдпрдХрддрд╛рдУрдВ рдХреЗ рд▓рд┐рдП рдереЛрдбрд╝рд╛ рд╕рдВрд╢реЛрдзрд┐рдд рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдХрдХреНрд╖рд╛рдПрдВ рдЬреЛрдбрд╝рддреЗ рд╣реИрдВред
"рдмреНрд░реЗрдбрдХреНрд░рдВрдм"рдЪреВрдВрдХрд┐ рд╣рдо рд╕рд┐рд╕реНрдЯрдо рддрддреНрд╡реЛрдВ рдХреЛ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдбреЗрд▓реНрдЯрд╛ рдмреНрд▓реЙрдХ рдореЙрдбреНрдпреВрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ, рдЗрд╕рд▓рд┐рдП рд╣рдо рдЗрд╕рдХреЗ рдереАрдо рдлрд╝рдВрдХреНрд╢рди рдХреЛ рдлрд┐рд░ рд╕реЗ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░рддреЗ рд╣реИрдВред
function omega_bootstrap_delta_blocks_breadcrumb($variables) { $output = ''; if (!empty($variables['breadcrumb'])) { if ($variables['breadcrumb_current']) { $variables['breadcrumb'][] = l(drupal_get_title(), current_path(), array('html' => TRUE)); } $output = '<div id="breadcrumb" class="clearfix"><ul class="breadcrumb">'; $switch = array('odd' => 'even', 'even' => 'odd'); $zebra = 'even'; $last = count($variables['breadcrumb']) - 1; foreach ($variables['breadcrumb'] as $key => $item) { $zebra = $switch[$zebra]; $attributes['class'] = array('depth-' . ($key + 1), $zebra); if ($key == 0) { $attributes['class'][] = 'first'; } if ($key == $last) { $attributes['class'][] = 'last'; } else { $item .= '<span class="divider">/</span>'; } $output .= '<li' . drupal_attributes($attributes) . '>' . $item . '</li>'; } $output .= '</ul></div>'; } return $output; }
рд╕рд┐рд╕реНрдЯрдо рд╕рдВрджреЗрд╢messages
рдХрдХреНрд╖рд╛рдУрдВ рдХреЛ
alert
рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдмрджрд▓ рджрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред
function omega_bootstrap_status_messages($variables) { $display = $variables['display']; $output = ''; $status_heading = array( 'status' => t('Status message'), 'error' => t('Error message'), 'warning' => t('Warning message'), ); $class = array( 'status' => 'alert alert-success', 'error' => 'alert alert-error', 'warning' => 'alert', ); foreach (drupal_get_messages($display) as $type => $messages) { $output .= "<div class=\"{$class[$type]}\">\n"; if (!empty($status_heading[$type])) { $output .= '<h2 class="element-invisible">' . $status_heading[$type] . "</h2>\n"; } if (count($messages) > 1) { $output .= " <ul>\n"; foreach ($messages as $message) { $output .= ' <li>' . $message . "</li>\n"; } $output .= " </ul>\n"; } else { $output .= $messages[0]; } $output .= "</div>\n"; } return $output; }
рдмрдЯрди рдмрдЯрдирдореИрдВ
nav-pills
рдкрд╕рдВрдж рдХрд░рддрд╛ рд╣реВрдВ, рдЖрдк рдЗрд╕реЗ
nav-tabs
рд╕рд╛рде рдмрджрд▓ рд╕рдХрддреЗ
nav-tabs
ред
function omega_bootstrap_menu_local_tasks(&$variables) { $output = ''; if (!empty($variables['primary'])) { $variables['primary']['#prefix'] = '<h2 class="element-invisible">' . t('Primary tabs') . '</h2>'; $variables['primary']['#prefix'] .= '<ul class="nav nav-pills">'; $variables['primary']['#suffix'] = '</ul>'; $output .= drupal_render($variables['primary']); } if (!empty($variables['secondary'])) { $variables['secondary']['#prefix'] = '<h2 class="element-invisible">' . t('Secondary tabs') . '</h2>'; $variables['secondary']['#prefix'] .= '<ul class="nav nav-pills">'; $variables['secondary']['#suffix'] = '</ul>'; $output .= drupal_render($variables['secondary']); } return $output; }
рдлреЙрд░реНрдо рдмрдЯрдиbtn
рд╡рд░реНрдЧ рдЬреЛрдбрд╝реЗрдВред
function omega_bootstrap_button($variables) { $element = $variables['element']; $element['#attributes']['type'] = 'submit'; element_set_attributes($element, array('id', 'name', 'value')); $element['#attributes']['class'][] = 'btn'; switch($element['#id']) {
рдкреГрд╖реНрда рдкрд░ рдЕрдВрдХ рд▓рдЧрд╛рдирд╛рдХрдХреНрд╖рд╛ рдХреА
pagination
ред
function omega_bootstrap_pager($variables) { $tags = $variables['tags']; $element = $variables['element']; $parameters = $variables['parameters']; $quantity = $variables['quantity']; global $pager_page_array, $pager_total;
рдФрд░ рдЗрд╕реА рддрд░рд╣ рдЙрд╕реА рд╕рд┐рджреНрдзрд╛рдВрдд рдХреЗ рдЕрдиреБрд╕рд╛рд░ред рдпрджрд┐ рдЖрдкрдХреЛ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдХрдХреНрд╖рд╛рдУрдВ рдХреЛ рдорд╛рдирдХ рдбреНрд░реБрдкрд▓ рдЖрдЙрдЯрдкреБрдЯ рдореЗрдВ рдЬреЛрдбрд╝рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ - рдмрд╕ рдереАрдорд┐рдВрдЧ рдлрд╝рдВрдХреНрд╢рди (рдпрд╛ рдЯреЗрдореНрдкрд▓реЗрдЯ) рдХреЛ рдлрд┐рд░ рд╕реЗ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░реЗрдВ, рдпрд╣ рд╕рдм рдорд╛рдирдХ рдбреНрд░реБрдкрд▓ рдЯреВрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред рдЖрдк
рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдбреНрд░реБрдкрд▓ рдереАрдо рд╕реЗ рдХреБрдЫ рдЕрддрд┐рд░рд┐рдХреНрдд рд╕реБрд╡рд┐рдзрд╛рдПрдБ рд▓реЗ рд╕рдХрддреЗ рд╣реИрдВред рдЖрдк рдЗрди рдХрд╛рд░реНрдпреЛрдВ рдХреЛ рдЕрддрд┐рд░рд┐рдХреНрдд рдорд╛рдкрджрдВрдбреЛрдВ рдХреЗ рд╕рд╛рде рднреА рдкреВрд░рдХ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдЬрд┐рдиреНрд╣реЗрдВ рдереАрдо рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдореЗрдВ рдмрджрд▓рд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдХреЗ рдЙрджрд╛рд╣рд░рдг: рдмреНрд░реЗрдбрдХреНрд░рдВрдм рд╕реЗрдкрд░реЗрдЯрд░ рдХреИрд░реЗрдХреНрдЯрд░,
nav-tabs
рдпрд╛
nav-pills
, рдкреЗрдЬ
pagination-large
рд╕рд╛рдЗрдЬ рдФрд░ рд▓реЛрдХреЗрд╢рди (
pagination-large
/
pagination-small
/
pagination-mini
рдФрд░
pagination-centered
/
pagination-right
)ред рдЖрдк рдЗрд╕ рдмрд╛рд░реЗ рдореЗрдВ рдФрд░ рдЕрдзрд┐рдХ рдкрдврд╝ рд╕рдХрддреЗ рд╣реИрдВ рдкреНрд░рд▓реЗрдЦрди
рдЙрдиреНрдирдд рдереАрдо рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдмрдирд╛рдирд╛ (
http://drupal.org/node/177868 )ред
рдХреЗ рдЙрдкрдпреЛрдЧ
рдЦреИрд░, рдЕрдм рд╡реНрдпрд╛рд╡рд╣рд╛рд░рд┐рдХ рднрд╛рдЧ рдкрд░ рдЪрд▓рддреЗ рд╣реИрдВ рдФрд░ рджреЗрдЦрддреЗ рд╣реИрдВ рдХрд┐ рдпрд╣ рд╕рдм рдХреИрд╕реЗ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рд╢реБрд░реБрдЖрдд рдХреЗ рд▓рд┐рдП, рдореИрдВ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдХреЙрд▓рдо рдХреА рдЪреМрдбрд╝рд╛рдИ рдХреЛ рдлрд┐рдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рд╕рд╣рд╛рдпрдХ рдУрд╡рд░рд▓реЗ рдЧреНрд░рд┐рдб рд╕реНрдерд╛рдкрд┐рдд рдХрд░рдиреЗ рдХреА рд╕рд┐рдлрд╛рд░рд┐рд╢ рдХрд░реВрдВрдЧрд╛ред рдРрд╕рд╛ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рдореВрд▓ рдЕрд▓реНрдлрд╛ рдереАрдо рд╕реЗ PNG рдвреВрдВрдвреЗрдВ, рдЙрдиреНрд╣реЗрдВ рдПрдХ рдЪрд┐рддреНрд░рдордп рд╕рдВрдкрд╛рджрдХ рдореЗрдВ рд╕рдВрд╢реЛрдзрд┐рдд рдХрд░реЗрдВ рдФрд░ рд╣рдорд╛рд░реЗ
omega-bootstrap.css
.css рдореЗрдВ
alpha-grid-debug
рд╡рд░реНрдЧ рдХреЛ рдУрд╡рд░рд░рд╛рдЗрдб рдХрд░реЗрдВред
рдХреГрдкрдпрд╛ рдзреНрдпрд╛рди рджреЗрдВ рдХрд┐ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдЬреЗрдПрд╕ рдШрдЯрдХреЛрдВ рдХреЗ рд▓рд┐рдП jQuery рдХреЗ рдиреНрдпреВрдирддрдо рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рд▓рд┐рдП - 1.7, рдЗрд╕рд▓рд┐рдП рдЖрдкрдХреЛ
jQuery рдЕрдкрдбреЗрдЯ рдореЙрдбреНрдпреВрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдЗрд╕реЗ (рдпрд╛ рдЕрдзрд┐рдХ рд╣рд╛рд▓ рдХреЗ) рдХрдиреЗрдХреНрдЯ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред
рдмреНрд▓реЙрдХ рдХреНрд▓рд╛рд╕ рдореЙрдбреНрдпреВрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ (рдЬреЛ рд▓реЗрдЦ рдХреЗ рдкрд╣рд▓реЗ рднрд╛рдЧ рдореЗрдВ рдЙрд▓реНрд▓рд┐рдЦрд┐рдд рдерд╛) рдЖрд╡рд╢реНрдпрдХ рд╡рд░реНрдЧреЛрдВ рдХреЛ рдмреНрд▓реЙрдХреЛрдВ рдореЗрдВ рдЬреЛрдбрд╝рдирд╛ рдмрд╣реБрдд рд╕реБрд╡рд┐рдзрд╛рдЬрдирдХ рд╣реИ, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдорд╛рдирдХ
well
(рдЪрд┐рддреНрд░ 6 рджреЗрдЦреЗрдВ)ред
рд╡реНрдпреВ рдореЙрдбреНрдпреВрд▓ рдХреА рдбрд┐рд╕реНрдкреНрд▓реЗ рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдореЗрдВ, рд▓рдЧрднрдЧ рд╕рднреА рдШрдЯрдХреЛрдВ рдХреЗ рд▓рд┐рдП рдордирдорд╛рдиреА рдХрдХреНрд╖рд╛рдУрдВ рдХреЛ рд╕реЗрдЯ рдХрд░рдиреЗ рдХреА рдПрдХ рдорд╛рдирдХ рдХреНрд╖рдорддрд╛ рд╣реИ, рдЬреЛ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд рд╡реНрдпрд╛рдкрдХ рд╕рдВрднрд╛рд╡рдирд╛рдПрдВ рдЦреЛрд▓рддреА рд╣реИред
рдЙрджрд╛рд╣рд░рдг 1: рдореЗрд╖ рдЖрдЙрдЯрдкреБрдЯред рдРрд╕рд╛ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рдмрд╕
row
рд╡рд░реНрдЧ рдХреЛ рдкреВрд░реЗ
рдЕрдиреНрдп - CSS рд╡рд░реНрдЧ рдХреЗ рджреГрд╢реНрдп рдореЗрдВ рдЬреЛрдбрд╝реЗрдВ, рдФрд░ рдкрдВрдХреНрддрд┐ рд╡рд░реНрдЧ рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдореЗрдВ,
рдкреНрд░рд╛рд░реВрдк - рдЕрдирдлрд╝рд╛рд░реНрдЯреЗрдб рд╕реВрдЪреА - рд╕реЗрдЯрд┐рдВрдЧреНрд╕ - рдкрдВрдХреНрддрд┐ рд╡рд░реНрдЧ рдЖрдЙрдЯрдкреБрдЯ рдлреЙрд░реНрдо рд╡рд░реНрдЧ рдХреЛ рд╡рд╛рдВрдЫрд┐рдд рд╕рдВрдЦреНрдпрд╛ рдХреЙрд▓рдо рдХреЗ рд╕рд╛рде рд╕реЗрдЯ рдХрд░реЗрдВ, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП
span2
ред
рдЙрджрд╛рд╣рд░рдг 2:
рдореАрдбрд┐рдпрд╛ рдСрдмреНрдЬреЗрдХреНрдЯ рдХреЗ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдШрдЯрдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рд╕рдорд╛рдЪрд╛рд░ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдирд╛ред рдРрд╕рд╛ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП,
рдкреНрд░рд╛рд░реВрдк - рдЕрд╕реВрдЪреАрдмрджреНрдз рд╕реВрдЪреА - рд╕реЗрдЯрд┐рдВрдЧреНрд╕ - рдкрдВрдХреНрддрд┐ рдХреЛ
media
рд╡рд░реНрдЧ рдореЗрдВ рдЬреЛрдбрд╝реЗрдВ, рдЫрд╡рд┐ рдХреНрд╖реЗрддреНрд░ рдХреА рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдореЗрдВ рд╢реИрд▓реА рд╕реЗрдЯрд┐рдВрдЧреНрд╕ - рдлрд╝реАрд▓реНрдб рдФрд░ рд▓реЗрдмрд▓ рдЖрд╡рд░рдг HTML рдХреЛ рдЕрдиреБрдХреВрд▓рд┐рдд рдХрд░реЗрдВ - рдПрдХ CSS рд╡рд░реНрдЧ рдмрдирд╛рдПрдВ
pull-left
рдХрдХреНрд╖рд╛ рдЬреЛрдбрд╝реЗрдВ, рдФрд░ рдЙрд╕реА рдкрд╛рда рдлрд╝реАрд▓реНрдб рдХреЛ рдЬреЛрдбрд╝реЗрдВ рд╡рд░реНрдЧ
media-body
рдЕрдиреНрдп рдлрд╝реАрд▓реНрдбреНрд╕ рдХреЛ
рд░рд┐рд╡рд╛рдЗрд░рд╛рдЗрдЯ рдкрд░рд┐рдгрд╛рдореЛрдВ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдЙрд╕реА рдлрд╝реАрд▓реНрдб рдореЗрдВ рдЬреЛрдбрд╝рд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ
- рдЗрд╕ рдлрд╝реАрд▓реНрдб рдХреЗ рдЖрдЙрдЯрдкреБрдЯ рдХреЛ рд░реАрдХреНрд░рд┐рдПрдЯ рдХрд░реЗрдВ, рдЖрдЙрдЯрдкреБрдЯ рдХреЗ рд▓рд┐рдП рдЗрди рдлрд╝реАрд▓реНрдбреНрд╕ рдХреЛ рд╕реНрд╡рдпрдВ рдмрдВрдж рдХрд░рдиреЗ рдХреА рднреВрд▓ рди рдХрд░реЗрдВ
(рдбрд┐рд╕реНрдкреНрд▓реЗ рд╕реЗ рдмрд╛рд╣рд░ рдХрд░реЗрдВ) ред
рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛,
рд╡реНрдпреВ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдореЙрдбреНрдпреВрд▓ (рдзрдиреНрдпрд╡рд╛рдж рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж),
рдердореНрдмрдиреЗрд▓ рдФрд░
рд╣рд┐рдВрдбреЛрд▓рд╛ рдЬреИрд╕реЗ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдШрдЯрдХреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рджреГрд╢реНрдп рдХреЛ рд╕реНрдЯрд╛рдЗрд▓ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред
рдФрд░ рдЕрдВрдд рдореЗрдВ, рдкрд░рд┐рдгрд╛рдореА рд╡рд┐рд╖рдп рд░рд┐рдХреНрдд рдХреА рдХреНрд╖рдорддрд╛рдУрдВ рдореЗрдВ рд╕реЗ рдХреБрдЫ рдХрд╛ рдПрдХ рдЫреЛрдЯрд╛ рдкреНрд░рджрд░реНрд╢рдиред
рдЪрд┐рддреНрд░рд╛ 6. рдбрд┐рдмрдЧрд┐рдВрдЧ рдмреНрд▓реЙрдХ рд╕рдХреНрд╖рдо рдХреЗ рд╕рд╛рде рддреИрдпрд╛рд░ рд╡рд┐рд╖рдпред
рдЖрдкрдХрд╛ рдзреНрдпрд╛рди рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж! рдореБрдЭреЗ рдЙрдореНрдореАрдж рд╣реИ рдХрд┐ рдпрд╣ рд▓реЗрдЦ рд╕рд╣рд╛рдпрдХ рд╣реИ рдФрд░ рдЖрдкрдХреЗ Drupal рдХреЗ рдЙрдкрдпреЛрдЧ рдХреЗ рджрд╛рдпрд░реЗ рдХреЛ рдмрдврд╝рд╛рддрд╛ рд╣реИред