Drupal + Omega + рдмреВрдЯрд╕реНрдЯреНрд░реИрдк: рд▓реЗрдЖрдЙрдЯ рдХреЗ рдмрд┐рдирд╛ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдХрд╕реНрдЯрдо рдереАрдо рдХрд╛ рддреЗрдЬрд╝ рдирд┐рд░реНрдорд╛рдг (рднрд╛рдЧ 2. рдмреВрдЯрд╕реНрдЯреНрд░реИрдк)

рднрд╛рдЧ рдПрдХ, рдкрд░рд┐рдЪрдп

рд▓реЗрдЦ рдХреЗ рдкрд╣рд▓реЗ рднрд╛рдЧ рдореЗрдВ, рдореИрдВрдиреЗ рдбреНрд░реБрдкрд▓ рдХреЗ рд▓рд┐рдП рдЙрддреНрдХреГрд╖реНрдЯ рдУрдореЗрдЧрд╛ рдврд╛рдВрдЪреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдмрд╛рдд рдХреА, рдЬреЛ рдЖрдкрдХреЛ рдЧреНрд░рд┐рдб (рдЧреНрд░рд┐рдб) рдХреЗ рдЖрдзрд╛рд░ рдкрд░ рдЕрдкрдиреЗ рд╕реНрд╡рдпрдВ рдХреЗ рдХрд╕реНрдЯрдо рдереАрдо рдмрдирд╛рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрддрд╛ рд╣реИ, рдордирдорд╛рдиреЗ рдврдВрдЧ рд╕реЗ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░ рдФрд░ рдПрдЪрдЯреАрдПрдордПрд▓ рдХреЛрдб рдХреЗ рдХрд┐рд╕реА рднреА рд╕рдВрд╢реЛрдзрди рдХреЗ рдмрд┐рдирд╛ рдХреНрд╖реЗрддреНрд░реЛрдВ рдХреЗ рд╕реНрдерд╛рди рдФрд░ рдЖрдХрд╛рд░ рдХреЛ рдмрджрд▓ рд╕рдХрддрд╛ рд╣реИред рд╣рдо рдпрд╣рд╛рдВ рд░реБрдХ рд╕рдХрддреЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдЧреНрд░рд┐рдб рдХреЗ рдЕрдкрдиреЗ рдХрд╛рд░реНрдпрд╛рдиреНрд╡рдпрди рдХреЗ рд╕рд╛рде рдПрдХ рдЕрджреНрднреБрдд рд╢рдХреНрддрд┐рд╢рд╛рд▓реА рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рд╕реАрдПрд╕рдПрд╕ рдлреНрд░реЗрдорд╡рд░реНрдХ рд╣реИ, рдмрдбрд╝реА рд╕рдВрдЦреНрдпрд╛ рдореЗрдВ рддреИрдпрд╛рд░ рд╕реАрдПрд╕рдПрд╕ рдФрд░ рдЬреЗрдПрд╕ рдШрдЯрдХ рдЬреЛ рд╕реНрдЯрд╛рдЗрд▓ рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд рдЖрд╕рд╛рди рд╣реИрдВ, рдФрд░ рдПрдХ рд╡рд┐рд╢рд╛рд▓ рд╕рдореБрджрд╛рдп рднреА рд╣реИ, рдЬрд┐рд╕рдХреА рдмрджреМрд▓рдд рд╣рдореЗрдВ рдЙрдЪреНрдЪрддрдо рдЧреБрдгрд╡рддреНрддрд╛ рдФрд░ "рдкрд╛рд▓рд╛" рдЬрд╛рддрд╛ рд╣реИред рдкреНрд░рддрд┐рдпреЛрдЧрд┐рдпреЛрдВ рдХреА рддреБрд▓рдирд╛ рдореЗрдВ рдХреЛрдбред

рдЗрд╕ рд▓реЗрдЦ рдХреЗ рдЗрд╕ рднрд╛рдЧ рдореЗрдВ, рдореИрдВ рдЖрдкрдХреЛ рджрд┐рдЦрд╛рддрд╛ рд╣реВрдБ рдХрд┐ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдХреЛ рдУрдореЗрдЧрд╛ рд╕реЗ рдХреИрд╕реЗ рдЬреЛрдбрд╝рд╛ рдЬрд╛рдПред рд▓реЗрдХрд┐рди рдЕрдЧрд░ рдХрд┐рд╕реА рдХрд╛рд░рдг рд╕реЗ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдЖрдкрдХреЛ рд╕реВрдЯ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ, рддреЛ рдЗрд╕ рддрд░рд╣ рд╕реЗ рдЖрдк рдЕрдкрдиреА рдкрд╕рдВрдж рдХреЗ рдХрд┐рд╕реА рдЕрдиреНрдп рдврд╛рдВрдЪреЗ рдХреЛ рдУрдореЗрдЧрд╛ рд╕реЗ рдЬреЛрдбрд╝ рд╕рдХрддреЗ рд╣реИрдВред рдЬреИрд╕рд╛ рдХрд┐ рд▓реЗрдЦ рдХреЗ рдкрд╣рд▓реЗ рднрд╛рдЧ рдореЗрдВ, рдореИрдВ рдХрд┐рд╕реА рднреА рд╡рд┐рд╢рд┐рд╖реНрдЯрддрд╛ рдХрд╛ рджрд┐рдЦрд╛рд╡рд╛ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реВрдВ, рдореИрдВ рд╕рд┐рд░реНрдл рдЙрди рдЪреАрдЬреЛрдВ рдХрд╛ рд╡рд░реНрдгрди рдХрд░рддрд╛ рд╣реВрдВ рдЬрд┐рдиреНрд╣реЗрдВ рдкреНрд░рд▓реЗрдЦрди рд╕реЗ рд╕реАрдЦрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рдмрд╣реБрдд рд╕рд╛рд░реЗ рдХреЛрдб рдФрд░ рдХреБрдЫ рдЪрд┐рддреНрд░ рд╣реЛрдВрдЧреЗред

рдкрд╣рд▓реЗ, рдлрд┐рд░ рд╕реЗ, рдПрдХ рдЫреЛрдЯреЗ рд╕реЗ рд╕рд┐рджреНрдзрд╛рдВрдд рдХреЗ рд╕рд╛рде рдпрд╣ рдЕрдиреБрдорд╛рди рд▓рдЧрд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд┐ рд╣рдореЗрдВ рдХреНрдпрд╛ рдХрд╛рдо рдХрд░рдирд╛ рд╣реИред рддреЛ, рдУрдореЗрдЧрд╛ рдврд╛рдВрдЪреЗ рдХреА рд╕рдВрд░рдЪрдирд╛:

  1. рдореВрд▓ рдЕрд▓реНрдлрд╛ рдереАрдо, рдЬрд┐рд╕рдореЗрдВ рдмрд╣реБрдд рд╣реА рдХрд╛рд░реНрдпрдХреНрд╖рдорддрд╛ рд╣реЛрддреА рд╣реИ рдЬреЛ рдЖрдкрдХреЛ рдереАрдо рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдЬрд╝реЛрди рдФрд░ рдХреНрд╖реЗрддреНрд░реЛрдВ рдХреЗ рд╕реНрдерд╛рди рдХреЛ рд╕реЗрдЯ рдХрд░рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрддреА рд╣реИ, рд╕рд╛рде рд╣реА рд╕рд╛рде рд╣рдорд╛рд░реЗ рдирд┐рдкрдЯрд╛рди рдореЗрдВ рд╡рд┐рднрд┐рдиреНрди рдкреНрд░рдХрд╛рд░реЛрдВ рдХреЗ рдПрдХ рдореВрд▓ рдЧреНрд░рд┐рдб (рдлрд┐рдХреНрд╕реНрдб рдФрд░ рдлреНрд▓реБрдЗрдб) рдФрд░ рдХреЙрд▓рдо рдХреА рд╕рдВрдЦреНрдпрд╛ (12, 16, 24) рдХреА рд╢реБрд░реБрдЖрдд рдХрд░рддреА рд╣реИред
  2. рдУрдореЗрдЧрд╛ рдХреЛрд░ рдереАрдо, рдЕрд▓реНрдлрд╛ рдХреЛрд░ рдереАрдо рдХрд╛ рдПрдХ рдЙрдк-рд╡рд┐рд╖рдп, рдЬрд┐рд╕рдореЗрдВ рдХреЛрд░ рдбреНрд░реБрдкрд▓ рдПрдЪрдЯреАрдПрдордПрд▓ 5 рдЯреЗрдореНрдкрд▓реЗрдЯреНрд╕ рдХреЛ рдлрд┐рд░ рд╕реЗ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред
  3. рд╕реНрдЯрд╛рд░реНрдЯрд░ рдХрд┐рдЯ, рдЬрд┐рд╕рдХреЗ рдЖрдзрд╛рд░ рдкрд░ рд╣рдореЗрдВ рдУрдореЗрдЧрд╛ рдХреЗ рдЖрдзрд╛рд░ рдкрд░ рдЙрдк-рдереАрдо рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдЖрдордВрддреНрд░рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рдпрд╛ рддреЛ рдореИрдиреНрдпреБрдЕрд▓ рд░реВрдк рд╕реЗ рдпрд╛ рдУрдореЗрдЧрд╛ рдЯреВрд▓реНрд╕ рдореЙрдбреНрдпреВрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗред

рдЗрд╕ рдкреНрд░рдХрд╛рд░, рдУрдореЗрдЧрд╛ рдХреЗ рд╕рд╛рде рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рдЖрдкрдХреЛ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдХрд╛рд░реНрдп рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ:

  1. рдПрдХ рдореВрд▓ рд╡рд┐рд╖рдп рдмрдирд╛рдПрдВ, рдПрдХ рдУрдореЗрдЧрд╛ рдЙрдк-рд╡рд┐рд╖рдп, рдЬреЛ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдХреЛ рдХрдиреЗрдХреНрдЯ рдХрд░реЗрдЧрд╛ рдФрд░ рдУрдореЗрдЧрд╛ (рдЧреНрд░рд┐рдб- *) CSS рд╕реАрдПрд╕рдПрд╕ рдХрдХреНрд╖рд╛рдУрдВ рдХреЛ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк (рд╕реНрдкреИрди *) рд╕реЗ рдЬреЛрдбрд╝реЗрдЧрд╛, рдФрд░ рдорд╛рдирдХ Drupal рдШрдЯрдХреЛрдВ рдХреЗ рд▓рд┐рдП рдЖрд╡рд╢реНрдпрдХ CSS рдХрдХреНрд╖рд╛рдПрдВ рдЬреЛрдбрд╝реЗрдВ (рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдмрдЯрди, рд╕рд┐рд╕реНрдЯрдо рд╕рдВрджреЗрд╢,) "рдмреНрд░реЗрдбрдХреНрд░рдВрдм", рдкреЗрдЬрд┐рдиреЗрд╢рди, рдЖрджрд┐)ред
  2. рдУрдореЗрдЧрд╛ рдЯреВрд▓реНрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдЙрдк-рдереАрдо рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рд╣рдорд╛рд░реЗ рдореВрд▓ рд╡рд┐рд╖рдп рдХреЗ рд▓рд┐рдП рд╕реНрдЯрд╛рд░реНрдЯрд░ рдХрд┐рдЯ рдмрдирд╛рдПрдВред

рд╣рдо рдУрдореЗрдЧрд╛ рдПрдЪрдЯреАрдПрдордПрд▓ 5 рд╕реНрдЯрд╛рд░реНрдЯрдХрд┐рдЯ рд╕реЗ рдореВрд▓ рд╡рд┐рд╖рдп рдмрдирд╛рдПрдВрдЧреЗред

рдореВрд▓ рд╡рд┐рд╖рдп рдФрд░ рд╕реНрдЯрд╛рд░реНрдЯрд░ рдХрд┐рдЯ рддреИрдпрд╛рд░ рдХрд░рдирд╛

  1. omega/starterkits/omega-html5 рдирд┐рд░реНрджреЗрд╢рд┐рдХрд╛ рдХреЗ рдЖрдЧреЗ omega/starterkits/omega-html5 рдирд┐рд░реНрджреЗрд╢рд┐рдХрд╛ рдХреЛ рдХреЙрдкреА рдХрд░реЗрдВ рдФрд░ рдЗрд╕реЗ omega_bootstrap рдирд╛рдо omega_bootstrap ред
  2. рдлрд╝рд╛рдЗрд▓реЛрдВ рдХрд╛ рдирд╛рдо рдмрджрд▓реЗрдВ 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
  3. 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 рд╕реНрдЯрд╛рд░реНрдЯрдХрд┐рдЯ рд╕реЗ рд╕реНрдЯрд╛рд░реНрдЯрд░ рдХрд┐рдЯ рднреА рдмрдирд╛рддреЗ рд╣реИрдВ:

  1. рдирд┐рд░реНрджреЗрд╢рд┐рдХрд╛ omega/starterkits/omega-html5 рдХреЛ omega_bootstrap рдмрдЧрд▓ рдореЗрдВ omega_bootstrap , рдЗрд╕рдХрд╛ рдирд╛рдо рдмрджрд▓рдХрд░ omega-html5-bootstrap omega_bootstrap omega-html5-bootstrap ред
  2. 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
  3. 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ред рдЫрд╡рд┐

рд╣рдо рдЕрдкрдиреА рдереАрдо рдХреЛ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд░реВрдк рд╕реЗ рд╕реЗрдЯ рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рд╕реЗрдЯрд┐рдВрдЧ рдореЗрдВ рдЬрд╛рддреЗ рд╣реИрдВред

  1. рдЧреНрд░рд┐рдб рд╕рд┐рд╕реНрдЯрдо (рдЧреНрд░рд┐рдб рдкреНрд░рдХрд╛рд░) рдореЗрдВ рдЧреНрд░рд┐рдб рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдЯреИрдм рдкрд░ , рдПрдХ рдирдпрд╛ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдкреНрд░рдХрд╛рд░ рджрд┐рдЦрд╛рдИ рджрд┐рдпрд╛ рд╣реИ , рдФрд░ рдЗрд╕реЗ рдЪреБрдиреЗрдВ (рдЫрд╡рд┐ 2)ред
  2. рдЬрд╝реЛрди рдФрд░ рдХреНрд╖реЗрддреНрд░ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рди рдЯреИрдм рдкрд░, рдЬрд╝реЛрди рдФрд░ рдХреНрд╖реЗрддреНрд░реЛрдВ рдореЗрдВ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдХрдХреНрд╖рд╛рдПрдВ рдЬреЛрдбрд╝реЗрдВред рдЬрд╝реЛрди рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рди рдЕрдиреБрднрд╛рдЧ рдореЗрдВ, рдЕрддрд┐рд░рд┐рдХреНрдд рдЬрд╝реЛрди рд╡рд░реНрдЧ рдлрд╝реАрд▓реНрдб рдореЗрдВ, row рдХрд╛ рдорд╛рди рд╕реЗрдЯ рдХрд░реЗрдВ, рдФрд░ рдЕрддрд┐рд░рд┐рдХреНрдд рдЖрд╡рд░рдг рд╡рд░реНрдЧ рдлрд╝реАрд▓реНрдб рдореЗрдВ, container рдХрд╛ рдорд╛рди рд╕реЗрдЯ рдХрд░реЗрдВред рдХреНрд╖реЗрддреНрд░ рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдореЗрдВ, рдЕрддрд┐рд░рд┐рдХреНрдд рдХреНрд╖реЗрддреНрд░ рд╡рд░реНрдЧ рдлрд╝реАрд▓реНрдб рдореЗрдВ, рдЖрд╡рд╢реНрдпрдХ рд╕рдВрдЦреНрдпрд╛ рдХреЗ рдЕрдиреБрд╕рд╛рд░ рд╡рд╛рдВрдЫрд┐рдд span* рд╡рд░реНрдЧ рд╕реЗрдЯ рдХрд░реЗрдВред рдУрдореЗрдЧрд╛ рдЖрдкрдХреЛ рдЬрд╝реЛрди рдФрд░ рдХреНрд╖реЗрддреНрд░реЛрдВ рдХреЗ рд▓рд┐рдП рдордирдорд╛рдиреА рдХрдХреНрд╖рд╛рдПрдВ рд╕реЗрдЯ рдХрд░рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрддрд╛ рд╣реИ, рдЬрд┐рдиреНрд╣реЗрдВ рд╣рдордиреЗ рдЕрднреА рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рднрд╡рд┐рд╖реНрдп рдореЗрдВ рд╣рдо рдЗрд╕ рдкреНрд░рдХреНрд░рд┐рдпрд╛ (рдЫрд╡рд┐ 3) рдХреЛ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рдХрд░реЗрдВрдЧреЗред
  3. рдЯреЙрдЧрд▓ рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдЯреИрдм рдкрд░ (рдкреБрд╕реНрддрдХрд╛рд▓рдпреЛрдВ рдХреЛ рд╕рдХреНрд╖рдо / рдЕрдХреНрд╖рдо рдХрд░реЗрдВ), рд╕рднреА рдорд╛рдирдХ рдУрдореЗрдЧрд╛ рдкреБрд╕реНрддрдХрд╛рд▓рдпреЛрдВ рдХреЛ рдмрдВрдж рдХрд░реЗрдВ рдФрд░ рд╣рдорд╛рд░реЗ рдмреВрдЯрдЯреНрд░реИрдк (рдЫрд╡рд┐ 4) рдХреЛ рд╕рдХреНрд╖рдо рдХрд░реЗрдВред
  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 :

рдУрдореЗрдЧрд╛_рдмреВрдЯрд╕реНрдЯреНрд░реИрдк_рдкреНрд░реЛрд╕реЗрд╕ ()
 /** * Implements hook_process(). */ 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]); #   offset*  } } array_unshift($vars['attributes_array']['class'], 'span' . $vars['elements']['#grid']['columns']); #   span*  } $vars['attributes'] = $vars['attributes_array'] ? drupal_attributes($vars['attributes_array']) : ''; } if (!empty($vars['elements']['#grid_container']) || !empty($vars['elements']['#data']['css'])) { if (!empty($vars['elements']['#grid_container'])) { $vars['content_attributes_array']['class'][] = 'container'; #   container  } $vars['content_attributes'] = $vars['content_attributes_array'] ? drupal_attributes($vars['content_attributes_array']) : ''; } alpha_invoke('process', $hook, $vars); } 

рд╣рдордиреЗ 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 /** * @file * Alpha's theme implementation to display a zone. */ ?> <?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; ?> 

рдЕрдм рдЖрдк рдереАрдо рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рд╕реЗ рдЕрдирд╛рд╡рд╢реНрдпрдХ рдХрдХреНрд╖рд╛рдПрдВ рд╣рдЯрд╛ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рд╕рд╛рдорд╛рдиреНрдп рддрд░реАрдХреЗ рд╕реЗ рдХреНрд╖реЗрддреНрд░ рдореЗрдВ рдХреЙрд▓рдо рдХреА рд╕рдВрдЦреНрдпрд╛ рдирд┐рд░реНрдзрд╛рд░рд┐рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред

рдЕрдм рд╣рдо рд╕рдЬрд╛рд╡рдЯ рдХреЗ рд▓рд┐рдП рдЖрдЧреЗ рдмрдврд╝рддреЗ рд╣реИрдВред рд╣рдо рд╕рдВрдмрдВрдзрд┐рдд рдХрд╛рд░реНрдпреЛрдВ рд╕реЗ рдХреЛрдб рд▓реЗрддреЗ рд╣реИрдВ, рдЗрд╕реЗ рдЕрдкрдиреА рдЖрд╡рд╢реНрдпрдХрддрд╛рдУрдВ рдХреЗ рд▓рд┐рдП рдереЛрдбрд╝рд╛ рд╕рдВрд╢реЛрдзрд┐рдд рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдХрдХреНрд╖рд╛рдПрдВ рдЬреЛрдбрд╝рддреЗ рд╣реИрдВред

"рдмреНрд░реЗрдбрдХреНрд░рдВрдм"
рдЪреВрдВрдХрд┐ рд╣рдо рд╕рд┐рд╕реНрдЯрдо рддрддреНрд╡реЛрдВ рдХреЛ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдбреЗрд▓реНрдЯрд╛ рдмреНрд▓реЙрдХ рдореЙрдбреНрдпреВрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ, рдЗрд╕рд▓рд┐рдП рд╣рдо рдЗрд╕рдХреЗ рдереАрдо рдлрд╝рдВрдХреНрд╢рди рдХреЛ рдлрд┐рд░ рд╕реЗ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░рддреЗ рд╣реИрдВред

 /** * Implements theme_delta_blocks_breadcrumb(). */ 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 рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдмрджрд▓ рджрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред

 /** * Implements theme_status_messages(). */ 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 ред

 /** * Implements theme_menu_local_tasks(). */ 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 рд╡рд░реНрдЧ рдЬреЛрдбрд╝реЗрдВред

 /** * Implements theme_button(). */ 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']) { #    case strpos($element['#id'], 'edit-submit') === 0: $element['#attributes']['class'][] = 'btn-primary'; break; case 'edit-preview': $element['#attributes']['class'][] = 'btn-warning'; break; case 'edit-delete': $element['#attributes']['class'][] = 'btn-danger'; break; } $element['#attributes']['class'][] = 'form-' . $element['#button_type']; if (!empty($element['#attributes']['disabled'])) { $element['#attributes']['class'][] = 'form-button-disabled btn-disabled'; } return ' <input' . drupal_attributes($element['#attributes']) . ' /> '; } 

рдкреГрд╖реНрда рдкрд░ рдЕрдВрдХ рд▓рдЧрд╛рдирд╛
рдХрдХреНрд╖рд╛ рдХреА pagination ред

 /** * Implements theme_pager(). */ function omega_bootstrap_pager($variables) { $tags = $variables['tags']; $element = $variables['element']; $parameters = $variables['parameters']; $quantity = $variables['quantity']; global $pager_page_array, $pager_total; // Calculate various markers within this pager piece: // Middle is used to "center" pages around the current page. $pager_middle = ceil($quantity / 2); // current is the page we are currently paged to $pager_current = $pager_page_array[$element] + 1; // first is the first page listed by this pager piece (re quantity) $pager_first = $pager_current - $pager_middle + 1; // last is the last page listed by this pager piece (re quantity) $pager_last = $pager_current + $quantity - $pager_middle; // max is the maximum page number $pager_max = $pager_total[$element]; // End of marker calculations. // Prepare for generation loop. $i = $pager_first; if ($pager_last > $pager_max) { // Adjust "center" if at end of query. $i = $i + ($pager_max - $pager_last); $pager_last = $pager_max; } if ($i <= 0) { // Adjust "center" if at start of query. $pager_last = $pager_last + (1 - $i); $i = 1; } // End of generation loop preparation. $li_first = theme('pager_first', array('text' => (isset($tags[0]) ? $tags[0] : t('┬л first')), 'element' => $element, 'parameters' => $parameters)); $li_previous = theme('pager_previous', array('text' => (isset($tags[1]) ? $tags[1] : t('тА╣ previous')), 'element' => $element, 'interval' => 1, 'parameters' => $parameters)); $li_next = theme('pager_next', array('text' => (isset($tags[3]) ? $tags[3] : t('next тА║')), 'element' => $element, 'interval' => 1, 'parameters' => $parameters)); $li_last = theme('pager_last', array('text' => (isset($tags[4]) ? $tags[4] : t('last ┬╗')), 'element' => $element, 'parameters' => $parameters)); if ($pager_total[$element] > 1) { if ($li_first) { $items[] = array( 'data' => $li_first, ); } if ($li_previous) { $items[] = array( 'data' => $li_previous, ); } // When there is more than one page, create the pager list. if ($i != $pager_max) { if ($i > 1) { $items[] = array( 'data' => '<span>тАж</span>', ); } // Now generate the actual pager piece. for (; $i <= $pager_last && $i <= $pager_max; $i++) { if ($i < $pager_current) { $items[] = array( 'data' => theme('pager_previous', array('text' => $i, 'element' => $element, 'interval' => ($pager_current - $i), 'parameters' => $parameters)), ); } if ($i == $pager_current) { $items[] = array( 'class' => array('active'), 'data' => "<span>$i</span>", ); } if ($i > $pager_current) { $items[] = array( 'data' => theme('pager_next', array('text' => $i, 'element' => $element, 'interval' => ($i - $pager_current), 'parameters' => $parameters)), ); } } if ($i < $pager_max) { $items[] = array( 'data' => '<span>тАж</span>', ); } } // End generation. if ($li_next) { $items[] = array( 'data' => $li_next, ); } if ($li_last) { $items[] = array( 'data' => $li_last, ); } return '<h2 class="element-invisible">' . t('Pages') . '</h2><div class="pagination pagination-centered">' . theme('item_list', array( 'items' => $items, )) . '</div>'; } } 

рдФрд░ рдЗрд╕реА рддрд░рд╣ рдЙрд╕реА рд╕рд┐рджреНрдзрд╛рдВрдд рдХреЗ рдЕрдиреБрд╕рд╛рд░ред рдпрджрд┐ рдЖрдкрдХреЛ рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдХрдХреНрд╖рд╛рдУрдВ рдХреЛ рдорд╛рдирдХ рдбреНрд░реБрдкрд▓ рдЖрдЙрдЯрдкреБрдЯ рдореЗрдВ рдЬреЛрдбрд╝рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ - рдмрд╕ рдереАрдорд┐рдВрдЧ рдлрд╝рдВрдХреНрд╢рди (рдпрд╛ рдЯреЗрдореНрдкрд▓реЗрдЯ) рдХреЛ рдлрд┐рд░ рд╕реЗ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░реЗрдВ, рдпрд╣ рд╕рдм рдорд╛рдирдХ рдбреНрд░реБрдкрд▓ рдЯреВрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред рдЖрдк рдмреВрдЯрд╕реНрдЯреНрд░реИрдк рдбреНрд░реБрдкрд▓ рдереАрдо рд╕реЗ рдХреБрдЫ рдЕрддрд┐рд░рд┐рдХреНрдд рд╕реБрд╡рд┐рдзрд╛рдПрдБ рд▓реЗ рд╕рдХрддреЗ рд╣реИрдВред рдЖрдк рдЗрди рдХрд╛рд░реНрдпреЛрдВ рдХреЛ рдЕрддрд┐рд░рд┐рдХреНрдд рдорд╛рдкрджрдВрдбреЛрдВ рдХреЗ рд╕рд╛рде рднреА рдкреВрд░рдХ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдЬрд┐рдиреНрд╣реЗрдВ рдереАрдо рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдореЗрдВ рдмрджрд▓рд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдХреЗ рдЙрджрд╛рд╣рд░рдг: рдмреНрд░реЗрдбрдХреНрд░рдВрдм рд╕реЗрдкрд░реЗрдЯрд░ рдХреИрд░реЗрдХреНрдЯрд░, 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 рдХреЗ рдЙрдкрдпреЛрдЧ рдХреЗ рджрд╛рдпрд░реЗ рдХреЛ рдмрдврд╝рд╛рддрд╛ рд╣реИред

Source: https://habr.com/ru/post/In172585/


All Articles