Új formázási lehetőségek

pp képe

Sokszor van úgy, hogy mindenféle kódot tolnak be emberek, és elfelejtik normálisan megformázni, pedig a drupal.hu elég gazdag eszközkészletet biztosít ehhez.

Persze nem egyszerű ezeket a furcsa kódokat beírni a szövegbe, ezért bekapcsoltam a BUEditort és felvettem a leggyakrabban használt kódformázó tag-eket.

Használjátok egészséggel!

Az új látvány képe
PHP / Drupal kód

  1. function theme_breadcrumb($variables) {
  2. $breadcrumb = $variables['breadcrumb'];
  3.  
  4. if (!empty($breadcrumb)) {
  5. // Provide a navigational heading to give context for breadcrumb links to
  6. // screen-reader users. Make the heading invisible with .element-invisible.
  7. $output = '<h2 class="element-invisible">' . t('You are here') . '</h2>';
  8.  
  9. $output .= '<div class="breadcrumb">' . implode(' » ', $breadcrumb) . '</div>';
  10. return $output;
  11. }
  12. }

CSS

  1. div.block h2 {
  2. background-color: black;
  3. color: #ccc;
  4. padding: 5px;
  5. }

HTML

  1. <body>
  2. <div id="footer">
  3.  
  4. </div>
  5. </body>

Hozzászólások

thamas képe

Remek! Köszi!

Üdvözlettel:
Hajas Tamás

Petik képe

Tök jó (Y)

Üdv. Peti

Sk8erPeter képe

Köszi szépen, én személy szerint nagyon örülök neki: hiába rendelkezik valaki kellő HTML-tudással, akkor is melós-macerás beírogatni pl. a linkek tagjeit, a "title" attribútumokat, vagy akár a félkövérítésre, dőlt betűvé alakításra szolgáló tageket, kódblokkokat, stb. Gondolkoztam is rajta, hogy valamikor megkérdezlek Titeket, hogy nem lehetne-e beépíteni egy, a drupal.org-on láthatóhoz hasonlóan minimalista, de nagyon jó JavaScript-alapú eszköztárat a drupal.hu fórumára is, de megelőztél. :)

Ami különösen tetszik, hogy billentyűkombinációkat is lehet használni (pl. ez utóbbi félkövérítést Alt+B-vel írtam be a szó kijelölése után), így tényleg felgyorsulhat az igényesebb, átláthatóbb, formázott hozzászólások írása.