sleightofhand - Schriftersetzung reloaded.

[steri]

ich hab fontforge unter win nicht zum laufen bekommen - ich bin an cygwin gescheitert. ich habe aber nun eine alternative für win gefunden
http://cr8.netfirms.com/typelight.html
mit der gratis version kann man nur von otf in ttf konvertieren

für meine zwecke hats gereicht und super funktioniert - nun gehen auch die umlaute

[littledave]

Hallo Leute,

ich habe gerade eben eine neue Version von SOH hochgeladen (r17). In dem Release ist der Spacing-Fehler der r15-Version behoben. UTF8-Kompatibilität wurde auch verbessert.

Download gibt es hier: http://bit.ly/sleightofhand
Beispiele/Doku: http://bit.ly/sleightofhand-site

Es ist gar nicht nötig das Addon zu upgraden, wenn man schon r15 im Einsatz hat (da das Line-Spacing anders berechnet wird und die gerenderten SOH-Bilder damit leicht anders aussehen).

Falls ihr Feature-Requests habt, immer her damit!

Viel Spaß mit dem Addon!


Dave

[Peter.Bickel]

Falls ihr Feature-Requests habt, immer her damit!

Vielen Dank, Dave!
Hast Du eben aus Frust über der Abschneiden der englischen Mannschaft weiter entwickelt, oder wie?

Jo, Feature-Requests: dass das Hoverbild unter das aktive Bild gerendert wird und nicht daneben.
Und dass man ansonsten ggf. die X- und/oder Y-Position des Hoverbildes selbst bestimmen kann.

Schöne Grüße,
Peter.

[littledave]

Hi Peter,

Hast Du eben aus Frust über der Abschneiden der englischen Mannschaft weiter entwickelt, oder wie?
Peter.

Über das Spiel möchte ich nicht reden.

Jo, Feature-Requests: dass das Hoverbild unter das aktive Bild gerendert wird und nicht daneben.
Und dass man ansonsten ggf. die X- und/oder Y-Position des Hoverbildes selbst bestimmen kann.

Das steht schon auf meiner Liste, allerdings muss ich mir erstmal überlegen wie ich sowas am besten umsetze, da ich auch verschiedene andere Features einbauen möchte (z.B. Padding). Die müssen bestimmt als erstes realistiert werden bevor ich die Position des Hoverbildes ändern kann.

r17 ist übrings jetzt "outdated" und es steht schon die r18 Version online, die text-alignment unterstützt:

[ externes Bild ]

Beispielcode:

Code: Alles auswählen

<?php
echo a561_sleightofhand(array(
	'text' => "This
is
multiline
text",
	'font' => 'LLCOOPER.TTF',
	'color' => array(0,0,0),
	'mouseover' => array(255,0,0),
	'size' => '30',
	'spacing' => '1.6',
	'text-align' => 'right'
));
?>

Folgende Werte sind möglich: left, l , center, centre, c, right und r. Wenn man text-align nicht angibt, wird left verwendet.

Downloadlink nochmal: http://bit.ly/sleightofhand

lg

Dave

[Peter.Bickel]

Textalignment ist supersupercool, danke.
Hättest Du das nicht etwas eher machen können, grmbl?
Musste mit mir "center" so behelfen, dass ich beim Umbruch ein zweites neues Bild erzeugt habe und so dann beide im umgebenden Container zentrieren konnte.

Schlöne Grüße,
Peter.

[jepedia]

Wollte mich an dieser Stelle mal für Sleightoffhand bedanken das ding ist wirklich sehr nett und hilft immer weiter bei der ach sol tollen schriftersetzung.

Daumen hoch das Modul / Addon etc läuft super in allen browsern ohne mekkern.

[ralf.schlott]

Jo auch Dank von mir, jetzt kann ich eine Kundenseite damit "nachrüsten"!

Gruss Ralf

[morfer]

Auch von mir großes Lob für das hilfreiche Addon!

Hat zufällig jemand schon eine Ausgabe für die Redaxo Navigation damit gebastelt? Ich bin gerade dran... Kann mein Code dann mal posten, der wird aber ziemlich ugly sein Bin da net so der PHP Gott...

Gruß Daniel

[Peter.Bickel]

Hat zufällig jemand schon eine Ausgabe für die Redaxo Navigation damit gebastelt?

Ja, haufenweise.
Zum Beispiel hier:
gigasaurier.senckenberg.de
der meinst Du die Navigation Factory?

Grüße,
Peter.

[morfer]

Jau entweder über die Nav Factory oder was eigenes als Template.

Sieht schick aus! Gibt es Code zur Einsicht bzw. ein Template/Modifikation hier irgendwo zur freien Verfügung?

LG Daniel

[morfer]

Hab mal was noch auf die schnelle aus nem Codeschnipsel hier aus'm Forum gebastelt. Quick and dirty für alle Rootkategorien:

Code: Alles auswählen

<?php

$cats = OOCategory::getRootCategories(true);
echo '<ul id="nav">';
foreach ($cats as $cat) {

if ($cat->getId() == REX_ARTICLE_ID) {

//Aktive Kategorie
   echo a561_sleightofhand(array(
      'text' => $cat->getValue('name'),
      'font' => 'Walkway_SemiBold.ttf',
      'link' => $cat->getUrl(),      
      'prefix' => '<li class="active">',
      'suffix' => '</li>',
      'color' => array(0,0,0),
      'mouseover' => array(255,0,0),
      'size' => '25',
      'spacing' => '1.5'
   ));

   } else {
   
//Inaktive Kategorien
      echo a561_sleightofhand(array(
      'text' => $cat->getValue('name'),
      'font' => 'Walkway_SemiBold.ttf',
      'link' => $cat->getUrl(),      
      'prefix' => '<li>',
      'suffix' => '</li>',
      'color' => array(145,145,145),
      'mouseover' => array(255,0,0),
      'size' => '25',
      'spacing' => '1.5'
   ));

   
   }
}
echo '</ul>';
?>

[Oliver.Kreischer]

Hi,

für die Factory hätte ich auch ein Beispiel wenn es gewünscht ist.

Mich würde es interessieren wie ich es in der Ausgabe für eine LINKLIST eingebaut bekomme.

Code: Alles auswählen

<?php
$menu = array();
foreach(explode(',', 'REX_LINKLIST[1]') as $articleId)
{
    $article = OOArticle::getArticleById($articleId);
    if ($article)
    {
        $menu[$articleId] = $article->toLink();
    }
}
if (! empty($menu))
{
   echo '<ul class="metanavi"><li>', implode('</li><li>', $menu), '</li></ul>';
}
?> 

LG
Oliver

[Oliver.Kreischer]

Peter hat mir die Lösung gebastelt. DANKE!

Code: Alles auswählen

<ul>
<?php
$menu = array();
foreach(explode(',', 'REX_LINKLIST[1]') as $articleId) {
	$article = OOArticle::getArticleById($articleId);

	if ($article) {

		echo '
		<li><a href="'.rex_getUrl($article->getId(), $this->clang).'">';

		// Hier kannste den Artikelnamen mit SOH bearbeiten
		echo $article->getName();

		echo '</a></li>';

	}
}
?>
</ul>

LG
Oliver

[snaft]

Hi,

für die Factory hätte ich auch ein Beispiel wenn es gewünscht ist.

Hi Oliver,

genau das ist es, was ich gerade suche. Die Factory kombiniert mit Sleightofhand.

Könntest Du evtl. ein Beispiel veröffentlichen? Das würde mir doch ausserordentlich weiterhelfen!

Beste Grüße,
Marc

[Oliver.Kreischer]

So. Hab noch was gefunden. Hier:

Code: Alles auswählen

<?php

/**
 * Klasse zum Erstellen von Navigationen, v0.1
 *
 * @package redaxo4
 * @version svn:$Id$
 */

/*
 * Beispiel:
 *
 * UL, LI Navigation von der Rootebene aus,
 * 2 Ebenen durchgehen, Alle unternavis offen
 * und offline categorien nicht beachten
 *
 * Navigation:
 * 
 * $nav = rex_navigation::factory();
 * $nav->setClasses(array('lev1', 'lev2', 'lev3'));
 * echo $nav->get(0,2,TRUE,TRUE);
 *
 * Sitemap:
 *
 * $nav = rex_navigation::factory();
 * $nav->show(0,-1,TRUE,TRUE);
 * 
 * Breadcrump:
 * 
 * $nav = rex_navigation::factory();
 * $nav->showBreadcrump(true);
 */

class rex_navigation
{
	var $depth; // Wieviele Ebene tief, ab der Startebene
	var $open; // alles aufgeklappt, z.b. Sitemap
	var $ignore_offlines;
	var $path = array();
	var $classes = array();

	var $current_article_id = -1; // Aktueller Artikel
	var $current_category_id = -1; // Aktuelle Katgorie

	/*private*/ function rex_navigation()
	{
	}

  /*public*/ function factory()
  {
    static $class = null;

    if(!$class)
    {
      // ----- EXTENSION POINT
      $class = rex_register_extension_point('REX_NAVI_CLASSNAME', 'rex_navigation');
    }

    return new $class();
  }
  
  /**
   * Generiert eine Navigation
   * 
   * @param $category_id Id der Wurzelkategorie
   * @param $depth Anzahl der Ebenen die angezeigt werden sollen
   * @param $open True, wenn nur Elemente der aktiven Kategorie angezeigt werden sollen, sonst FALSE
   * @param $ignore_offlines FALSE, wenn offline Elemente angezeigt werden, sonst TRUE
   */
	/*public*/ function get($category_id = 0,$depth = 3,$open = FALSE, $ignore_offlines = FALSE)
	{
    if(!$this->_setActivePath()) return FALSE;
    
	  $this->depth = $depth;
    $this->open = $open;
    $this->ignore_offlines = $ignore_offlines;
	  
		return $this->_getNavigation($category_id,$this->ignore_offlines);
	}

  /**
   * @see get()
   */
	/*public*/ function show($category_id = 0,$depth = 3,$open = FALSE, $ignore_offlines = FALSE)
	{
		echo $this->get($category_id, $depth, $open, $ignore_offlines);
	}
	
  /**
   * Generiert eine Breadcrumb-Navigation
   * 
   * @param $startPageLabel Label der Startseite, falls FALSE keine Start-Page anzeigen
   * @param $includeCurrent True wenn der aktuelle Artikel enthalten sein soll, sonst FALSE
   * @param $category_id Id der Wurzelkategorie
   */
	/*public*/ function getBreadcrumb($startPageLabel, $includeCurrent = FALSE, $category_id = 0)
	{
	  if(!$this->_setActivePath()) return FALSE;
	  
	  global $REX;
    
	  $path = $this->path;
            
    $i = 1;
    $lis = '';
    
    if($startPageLabel)
    {
      $lis .= '<li class="rex-lvl'. $i .'"><a href="'. rex_getUrl($REX['START_ARTICLE_ID']) .'">'. htmlspecialchars($startPageLabel) .'</a></li>';
      $i++;

      // StartArticle nicht doppelt anzeigen
      if(isset($path[0]) && $path[0] == $REX['START_ARTICLE_ID'])
      {
        unset($path[0]);
      }
    }
    
    foreach($path as $pathItem)
    {
      $cat = OOCategory::getCategoryById($pathItem);
      $lis .= '<li class="rex-lvl'. $i .'"><a href="'. $cat->getUrl() .'">'. htmlspecialchars($cat->getName()) .'</a></li>';
      $i++;
    }
    
    if($includeCurrent)
    {
      if($art = OOArticle::getArticleById($this->current_article_id))
        if(!$art->isStartpage())
        {
          $lis .= '<li class="rex-lvl'. $i .'">'. htmlspecialchars($art->getName()) .'</li>';
        }else
        {
        	$cat = OOCategory::getCategoryById($this->current_article_id);
          $lis .= '<li class="rex-lvl'. $i .'">'. htmlspecialchars($cat->getName()) .'</li>';
        }
    }
    
    return '<ul class="rex-breadcrumb">'. $lis .'</ul>';
	}
	
	/**
	 * @see getBreadcrumb()
	 */
  /*public*/ function showBreadcrumb($includeCurrent = FALSE, $category_id = 0)
  {
    echo $this->getBreadcrumb($includeCurrent, $category_id);
  }
  
	/*public*/ function setClasses($classes)
	{
	  $this->classes = $classes;
	}

	/*private*/ function _setActivePath()
	{
		global $REX;

		$article_id = $REX["ARTICLE_ID"];
		if($OOArt = OOArticle::getArticleById($article_id))
		{
		  $path = trim($OOArt->getValue("path"), '|');
		  
		  $this->path = array();
		  if($path != "")
			 $this->path = explode("|",$path);
			 
      $this->current_article_id = $article_id;
			$this->current_category_id = $OOArt->getCategoryId();
			return TRUE;
		}
		
		return FALSE;
	}

	/*protected*/ function _getNavigation($category_id,$ignore_offlines = TRUE)
	{
	  static $depth = 0;
	  
    if($category_id < 1)
	  	$nav_obj = OOCategory::getRootCategories($ignore_offlines);
		else
	  	$nav_obj = OOCategory::getChildrenById($category_id, $ignore_offlines);

  	$return = "";

		if(count($nav_obj)>0)
		  $return .= '<ul class="rex-navi'. ($depth+1) .'">';

		foreach($nav_obj as $nav)
		{
		  $liClass = '';
		  $linkClass = '';
		  
		  // classes abhaengig vom pfad
			if($nav->getId() == $this->current_category_id)
			{
			  $liClass .= ' rex-current';
			  $linkClass .= ' rex-current';
			}
			elseif (in_array($nav->getId(),$this->path))
			{
        $liClass .= ' rex-active';
			  $linkClass .= ' rex-active';
			}
			else
			{
        $liClass .= ' rex-normal';
			}
			
      // classes abhaengig vom level
      if(isset($this->classes[$depth]))
        $liClass .= ' '. $this->classes[$depth];
      
			$liClass   = $liClass   == '' ? '' : ' class="'. ltrim($liClass) .'"';
			$linkClass = $linkClass == '' ? '' : ' class="'. ltrim($linkClass) .'"';
			  
      $return .= '<li'. $liClass .'>';
			$return .= '<a'. $linkClass .' href="'.$nav->getUrl().'">'.htmlspecialchars($nav->getName()).'</a>';

			$depth++;

			if(($this->open || 
			    $nav->getId() == $this->current_category_id || 
			    in_array($nav->getId(),$this->path))
         && ($this->depth > $depth || $this->depth < 0))
			{
				$return .= $this->_getNavigation($nav->getId(),$ignore_offlines);
			}
			$depth--;

	
			$return .= '</li>';
		}

		if(count($nav_obj)>0)
	  	$return .= '</ul>';


		$return = a561_replace('ul.rex-navi1 li a',$return,$settings=array(
			'font' => 'colaborate_light.ttf',
			'color' => array(58,58,58),
			'mouseover' => array(97,127,29),
			'size' => 16,
			'spacing' => '1',
		 	'quality'=> '9',
		));

		$return = a561_replace('ul.rex-navi2 li a',$return,$settings=array(
			'font' => 'colaborate_light.ttf',
			'color' => array(58,58,58),
			'mouseover' => array(97,127,29),
			'size' => 14,
			'spacing' => '1',
	 		'quality'=> '9',
		));
	
		$return = a561_replace('ul.rex-navi3 li a',$return,$settings=array(
			'font' => 'colaborate_light.ttf',
		'color' => array(58,58,58),
			'mouseover' => array(97,127,29),
			'size' => 12,
			'spacing' => '1',
 			'quality'=> '9',
		));
	

	$return = a561_replace('ul.rex-navi1 li a.rex-active,ul.rex-navi1 li a.rex-current',$return,$settings=array(
		'font' => 'colaborate_light.ttf',
		'color' => array(97,127,29),
		'mouseover' => array(97,127,29),
		'size' => 16,
		'spacing' => '1',
	 	'quality'=> '9',
	));

	$return = a561_replace('ul.rex-navi2 li a.rex-active,ul.rex-navi2 li a.rex-current',$return,$settings=array(
		'font' => 'colaborate_light.ttf',
		'color' => array(97,127,29),
		'mouseover' => array(97,127,29),
		'size' => 14,
		'spacing' => '1',
 		'quality'=> '9',
	));

	$return = a561_replace('ul.rex-navi3 li a.rex-active,ul.rex-navi3 li a.rex-current',$return,$settings=array(
		'font' => 'colaborate_light.ttf',
		'color' => array(97,127,29),
		'mouseover' => array(97,127,29),
		'size' => 12,
		'spacing' => '1',
		'quality'=> '9',
	));	


		return $return;
	}
}

Damit wird die Navi gabaut: http://tinyurl.com/2vbmh6p

CSS findet sich ja auf der Seite.

Hoffe es klappt. Viele Grüße
Oliver[/quote]

[Oliver.Kreischer]

Hallo *,

habt Ihr bei den gerenderten Bilder auch einen kleinen Rand rechts oben an jedem Bild im Safari auf dem iPad bzw. iPhone?

Wenn ja: Gibt es eine Lösung für den Anzeigefehler?

LG
Oliver

[steri]

Hallo,
ich hab die neue v.18 version ausprobiert:
da scheints irgendwie mit den umlauten nicht mehr hin zu hauen.
hab 2 schriften (myriad pro und helvetice beide in ttf konvertiert)
getestet. in der alten version (ich glaube v.15) werden die umlaute richtig dargestellt und in version v.18 kommt ein fragezeichen und das wort wird abgeschnitten.

lg steri

[steri]

was noch super wäre wenn man definieren könnte ob sich ein link im selben oder neuen fenster öffnen soll. oder geht das eh schon irgendwie und ich habs übersehen ...
danke lg steri

[Xong]

[…] kommt ein fragezeichen und das wort wird abgeschnitten.

Hast du vorher zufälligerweise ein Update von Redaxo 4.2.1 auf 4.3.1 gemacht?

[steri]

update hab ich keines gemacht - aber rex 4.3.1 verwendet

[Xong]

update hab ich keines gemacht - aber rex 4.3.1 verwendet

Gut, dann ist das wahrscheinlich wirklich ein Bug des Addons. Du musst aber beachten, dass Dave SoH nur für Redaxo 4.2 erstellt und getestet hat.

[steri]

ok danke - wollte auch nur drauf hinweisen. jedenfalls scheint sleightofhand v.15 mit rex 4.3.1 zu funktionieren.

[littledave]

Hi Steri,

verwendest du UTF8-Kodierung oder Latin?

Schöne Grüße

Dave

[steri]

hallo dave!
hab latin verwendet.

lg steri

[ynamite]

Hallo

Hab ein gröberes Problem mit deinem Addon, ist mir bisher nicht aufgefallen und bis anhin hat's immer super gefunzt.

Mit der aktuellsten Version und deinen mitgelieferten Beispielschriften schneidet mir das Addon die Unterlängen ab, also zum Beispiel beim Wort "Ablage" wird der untere Teil vom "G" abgeschnitten.

Ich könnte zwar schwören das dies bisher kein Problem war, aber vielleicht hatte ich Glück und hab entweder stets Wörter ohne Unterlänge verwendet bzw. nur mit Versalien gearbeitet.

Naja, jedenfalls ist dies mein Problem, hast du eine Ahnung woran das liegen könnte? Das Addon hab ich wie gesagt frisch von deinem letzten Link aus diesem Thread heruntergeladen und in ein frisches Redaxo installiert. Ich hab das Ganze wie gesagt mit den Beispielschriften, Eurostile und Univers versucht, bei allen dasselbe Ergebnis.

Falls du noch weitere Infos brauchst gib Bescheid!

Vielen Dank!

Gruss
y

EDIT:

Danke an Dave, mit dieser Version aus dem SVN ist das Problem noch nicht vorhanden und funktioniert auch ansonsten ganz gut:
http://rex.daveholloway.co.uk/files/soh ... -svn12.zip