ilch Forum » Ilch Clan 1.1 » Module und Modifikationen » Links mit Preview

Geschlossen
  1. #1
    User Pic
    PitbullACR Mitglied
    Registriert seit
    07.01.2013
    Beiträge
    35
    Beitragswertungen
    1 Beitragspunkte
    Hi

    Ich hab mal ne Frage gibt es eine Modulmodifikation zu den Thema Link?

    Ich hatte nur eine gefunden und zwar von Thumbsniper aber das ist nicht das richtige.

    Es sollen die Banner und ein Screen von der Hp zusehen sein die in den Links angezeigt wird.

    Beispiel.externer Link

    Bei dieser weiß ich das es sie nicht zum dload gibt.

    Mfg Pit


    verwendete ilch Version: 1.1 O

    betroffene Homepage: acr-clan.de
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Outi77 Mitglied
    Registriert seit
    31.03.2013
    Beiträge
    1.337
    Beitragswertungen
    143 Beitragspunkte
    Aber genau das macht das Plugin vom ThumbSniper.
    Hab das selber genau so auch auf unserer Page.
    Klar, den Banner bekommst ja automatisch, wenn Du unter "Links" einen entsprechenden Eintrag machst.
    Den Screen der verlinkten Seite erzeugt ThumbSniper.


    Zuletzt modifiziert von Outi77 am 23.01.2014 - 13:46:27
    Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
    »Albert Einstein«
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    PitbullACR Mitglied
    Registriert seit
    07.01.2013
    Beiträge
    35
    Beitragswertungen
    1 Beitragspunkte
    das sieht bei mir ganz anderst aus


    acr-clan.de/?links


    Zuletzt modifiziert von PitbullACR am 23.01.2014 - 13:49:56
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Outi77 Mitglied
    Registriert seit
    31.03.2013
    Beiträge
    1.337
    Beitragswertungen
    143 Beitragspunkte
    Hab's eben auch gesehen. Da scheinst Du irgendetwas nur fast richtig gemacht zu haben.
    Die Dokumentation auf externer Link gelesen?
    Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
    »Albert Einstein«
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Also bei mir hab ich es mal so mit Original 1.1P

    links.htm
    {EXPLODE}
    <table width="100%" class="border" border="0" cellspacing="1" cellpadding="3">
        <tr class="Chead">
            <td width="80%" align="center"><b>{_lang_category}</b></td>
            <td width="20%" align="center">{_lang_links}</td>
        </tr>
        {EXPLODE}
        <tr class="{class}">
            <td><a href="index.php?links-{id}">{name}</a><br /><span class="smalfont">&raquo;&nbsp;{desc}</span></td>
            <td align="center">{links}</td>
        </tr>
        {EXPLODE}
    </table>
    <br /><br />
    {EXPLODE}
    <table width="100%" class="border" border="0" cellspacing="1" cellpadding="3">
        <tr class="Chead">
            <td width="90%" align="center"><b>{_lang_links}{catname}</b></td>
            <td width="10%" align="center">{_lang_hits}</td>
        </tr>
        {EXPLODE}
        <tr class="{class}">
            <td><a href="index.php?links-s{id}" target="_blank"><img src="http://fadeout.de/thumbshot-pro/?scale=8&url={link}" alt="{linkname}" title="{linkname}" border="0" /></a></td>
            <td><a target="_blank" href="index.php?links-s{id}">{name}</a>{desc}</td>
            <td align="center">{hits}</td>
        </tr>
        {EXPLODE}
    </table>


    links.php
    <?php 
    #   Copyright by: Manuel
    #   Support: www.ilch.de
    
    
    defined ('main') or die ( 'no direct access' );
    
    
    function get_cats_title ( $catsar ) {
      $l = '';
    	foreach($catsar as $k => $v) {
    	  if ( $k != '' AND $v != '' ) {
    		  $l = $v.' :: '.$l;
    		}
    	}
    	return ($l);
    }
    
    function get_cats_urls ( $catsar ) {
      $l = '';
    	foreach($catsar as $k => $v) {
    	  if ( $k != '' AND $v != '' ) {
    		  $l = '<a class="smalfont" href="?links-'.$k.'">'.$v.'</a><b> &raquo; </b>'.$l;
    		}
    	}
    	return ($l);
    }
    
    function count_files ($cid) {
      $zges = 0;
    	$e = db_query("SELECT id FROM prefix_linkcats WHERE cat = ".$cid);
    	if ( db_num_rows($e) > 0 ) {
    	  while ($r = db_fetch_assoc($e) ) {
    	    $zges = $zges + count_files ( $r['id'] );
    	  }
    	}
      $zges = $zges + db_count_query("SELECT COUNT(*) FROM prefix_links WHERE cat = ".$cid);
    	return ( $zges );
    }
    
    function get_cats_array ( $cid , $ar ) {
    	if ( empty($cid) ) {
    	  return ($ar);
    	} else { 
    	  $erg = db_query("SELECT cat,id,name FROM prefix_linkcats WHERE id = ".$cid);
    		$row = db_fetch_assoc($erg);
    		$ar[$row['id']] = $row['name'];
    	  return ( get_cats_array($row['cat'],$ar) );
    	}
    	if ( $r ) {
    	  return ($l);
    	}
    }
    
    switch ( $menu->getA(1) ) {
      default :
    		$cid = ( $menu->get(1) ? escape($menu->get(1), 'integer') : 0 );
    		$erg = db_query("SELECT cat,name FROM prefix_linkcats WHERE id = ".$cid);
    		if ( db_num_rows($erg) > 0 ) {
    		  $row = db_fetch_assoc($erg);
    			$array = get_cats_array($row['cat'],'');
    			if ( !empty($array) ) {
    			  $titelzw = get_cats_title($array);
    			  $namezw = get_cats_urls($array);
    			} else {
    			  $titelzw = '';
    				$namezw = '';
    			}
    		  $cattitle = ':: '.$titelzw.$row['name'];
    			$catname = '<b> &raquo; </b>'.$namezw.$row['name'];
    			$catname2 = ' - '.$row['name'];
    		} else {
    		  $cattitle = '';
    			$catname = '';
    			$catname2 = '';
    		}
    		$title = $allgAr['title'].' :: links '.$cattitle;
        $hmenu = '<a class="smalfont" href="?links">Links</a>'.$catname;
        $design = new design ( $title , $hmenu );
    	  $design->header();
    		$tpl = new tpl ('links' );
        $erg = db_query("SELECT id,name,`desc` FROM prefix_linkcats WHERE cat = $cid ORDER BY pos");
        if ( db_num_rows($erg) > 0 ) {
    		  $tpl->out(1); $class = 'Cnorm';
    			while ($row = db_fetch_assoc($erg) ) {
    			  $row['links'] = count_files ($row['id']);
    			  $class = ( $class == 'Cmite' ? 'Cnorm' : 'Cmite' );
    				$row['class'] = $class;
    			  $tpl->set_ar_out($row,2);
          }
    		  $tpl->out(3);
    		}
    		
    		$erg = db_query("select id,name,link,banner,`desc`,hits from prefix_links WHERE cat = $cid ORDER BY pos");
    		if ( db_num_rows($erg) > 0 ) {
    		  $tpl->set_out('catname',$catname2,4); $class = 'Cnorm';
    			while($row = db_fetch_assoc($erg) ) {
    				$class = ( $class == 'Cmite' ? 'Cnorm' : 'Cmite' );
    				$row['class'] = $class;
    				$row['desc'] = ( !empty($row['desc']) ? '<br /><span class="smalfont">&raquo;&nbsp;'.$row['desc'].'</span>' : '' );
    				$row['linkname'] = $row['name'];
                                    if ( !empty($row['banner'] ) ) {
    				  $row['name'] = '<img src="'.$row['banner'].'" border="0" alt="'.$row['name'].'" title="'.$row['name'].'">';
    				}
    			  $tpl->set_ar_out($row,5);
    			}
    			$tpl->out(6);
    		}
    		$design->footer();
    	  break;
    	case 's' :
        $lid = $menu->getE(1);
    	  db_query("UPDATE prefix_links SET hits = hits +1 WHERE id = ".$lid);
    		$row = db_fetch_assoc(db_query("SELECT link FROM prefix_links WHERE id = ".$lid));
    		header('location: '.$row['link']);
    	  break;
    }
    ?>
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    PitbullACR Mitglied
    Registriert seit
    07.01.2013
    Beiträge
    35
    Beitragswertungen
    1 Beitragspunkte
    hm das steht natürlich nicht in der readme

    bei mir im Adminmenü steht nur linkbeschreibung und link das wars da steht ja mehr bei der alten


    Zuletzt modifiziert von PitbullACR am 23.01.2014 - 14:05:58
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    Outi77 Mitglied
    Registriert seit
    31.03.2013
    Beiträge
    1.337
    Beitragswertungen
    143 Beitragspunkte
    Das src-Attribut des Images sollte in irgendeiner Art und Weise die api von ThumbSniper enthalten, also in etwa so:

    <img src="http://api.thumbsniper.com/api_free.php?size=3&effect=3&url=http://www.ilch.de">


    Sicher gibt es aber auch andere Möglichkeiten.


    Zuletzt modifiziert von Outi77 am 23.01.2014 - 14:11:07
    Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
    »Albert Einstein«
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    PitbullACR Mitglied
    Registriert seit
    07.01.2013
    Beiträge
    35
    Beitragswertungen
    1 Beitragspunkte
    und das gebe ich bei link ein oder versteh ich das jetz falsch
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    Outi77 Mitglied
    Registriert seit
    31.03.2013
    Beiträge
    1.337
    Beitragswertungen
    143 Beitragspunkte
    Nein, im Admin-Center gibst Du nur das ein, was verlangt wird.
    Das <img>-Tag und das <span> dazu baust Du in der htm-Datei /php-Datei zusammen.
    Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
    »Albert Einstein«
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Wo ist das Problem meins ist eine Fertige Lösung zwinker

    aber du musst bei dein bsp einfach in der links.htm

    <img src="http://api.thumbsniper.com/api_free.php?size=3&effect=3&url={link}">
    0 Mitglieder finden den Beitrag gut.
  11. #11
    User Pic
    Outi77 Mitglied
    Registriert seit
    31.03.2013
    Beiträge
    1.337
    Beitragswertungen
    143 Beitragspunkte
    So hatte ich es auch gepostet,nur am Beispiel von ilch zwinker
    Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
    »Albert Einstein«
    0 Mitglieder finden den Beitrag gut.
  12. #12
    User Pic
    PitbullACR Mitglied
    Registriert seit
    07.01.2013
    Beiträge
    35
    Beitragswertungen
    1 Beitragspunkte
    so hab ich gemacht aber es kommt net das raus was ich will verdammt :-(
    0 Mitglieder finden den Beitrag gut.
  13. #13
    User Pic
    Outi77 Mitglied
    Registriert seit
    31.03.2013
    Beiträge
    1.337
    Beitragswertungen
    143 Beitragspunkte
    Also als Erstes solltest mal schauen, dass der Banner richtig angezeigt wird,
    den sehe ich nämlich auf Deiner Seite noch nicht.
    Falls Du das so willst...
    Wenn der steht, kannst Du Dich an den Rest machen zwinker
    Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
    »Albert Einstein«
    0 Mitglieder finden den Beitrag gut.
  14. #14
    User Pic
    PitbullACR Mitglied
    Registriert seit
    07.01.2013
    Beiträge
    35
    Beitragswertungen
    1 Beitragspunkte
    man was mach ich nur falsch hab jetz glaub jede Variante probiert
    0 Mitglieder finden den Beitrag gut.
  15. #15
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Wie genau soll es den ausschauen? Genauso wie in dein bsp Link?

    Was nutzt du fuer ein Modul dafuer oder Standard von ilch?

    Schick doch mal deine links.htm und links.php hier im BBCode code
    0 Mitglieder finden den Beitrag gut.
  16. #16
    User Pic
    Outi77 Mitglied
    Registriert seit
    31.03.2013
    Beiträge
    1.337
    Beitragswertungen
    143 Beitragspunkte
    Also zunächst mal hast Du den Bannerlink von ilch mit in der Seitenverlinkung.
    Banner: Link zum Banner ( der mit den Größenangaben )
    Link: Link zur Seite ( externer Link )
    Rest: freie Entscheidung
    Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
    »Albert Einstein«
    0 Mitglieder finden den Beitrag gut.
  17. #17
    User Pic
    PitbullACR Mitglied
    Registriert seit
    07.01.2013
    Beiträge
    35
    Beitragswertungen
    1 Beitragspunkte
    das ist das Modul

    externer Link


    ja es soll so aussehen wie auf den Beispiellink
    0 Mitglieder finden den Beitrag gut.
  18. #18
    User Pic
    Jens238 Mitglied
    Registriert seit
    20.03.2013
    Beiträge
    404
    Beitragswertungen
    44 Beitragspunkte
    Das aus Deinem Beispiellink ist die Original Ilch Link Liste. Die wurde nur um CSS Tooltips und Thumbsniper erweitert. Wenn das so aussehen soll, solltest Du erstmal die Original Dateien neu hochladen...

    So schaut das z.B. bei mir aus:
    externer Link

    Wenn ich später Zuhause bin, kann ich ja mal schauen was ich nochmal
    wo alles geändert habe...

    Edit:
    Thumbsniper scheint gerade irgendwie Probleme zu haben, bei mir
    werden Aktuell keine Bilder geladen...


    Zuletzt modifiziert von Jens238 am 23.01.2014 - 19:12:02
    0 Mitglieder finden den Beitrag gut.
  19. #19
    User Pic
    PitbullACR Mitglied
    Registriert seit
    07.01.2013
    Beiträge
    35
    Beitragswertungen
    1 Beitragspunkte
    ok mach ich
    0 Mitglieder finden den Beitrag gut.
  20. #20
    User Pic
    Jens238 Mitglied
    Registriert seit
    20.03.2013
    Beiträge
    404
    Beitragswertungen
    44 Beitragspunkte
    Ok, bin gestern nicht mehr zu gekoimmen...

    Als erstes habe ich zwei neue Ausgaben ans template erstellt.
    Einmal den Link zur verlinkten Seite und den Namen.

    Die DB Abfrage und Ausgabe ans Template erfolgt in der links.php
    ab Zeile 94. Zusätzlich habe ich noch die Sortierung geändert, wird
    bei mir nach klicks und nicht nach ID sortiert... Das ist aber eher
    nebensächlich...

    Dann in der links.htm die neuen Ausgaben in ein <span> gepackt
    und mittels CSS hübsch verpackt. Das sollte Zeile 23 sein.
    Die links.htm ist ja recht übersichtlich zwinker

    Ach ja, ganz vergessen:

    		$erg = db_query("select id,name,link,banner,`desc`,hits from prefix_links WHERE cat = $cid ORDER BY hits DESC");
    		if ( db_num_rows($erg) > 0 ) {
    		  $tpl->set_out('catname',$catname2,4); $class = 'Cnorm';
    			while($row = db_fetch_assoc($erg) ) {
    				$class = ( $class == 'Cmite' ? 'Cnorm' : 'Cmite' );
    				$row['class'] = $class;
            $row['des'] = '<b>'.$row['name'].'</b>';
    				$row['desc'] = ( !empty($row['desc']) ? '<br /><span class="smalfont">&raquo;&nbsp;'.$row['desc'].'</span>' : '' );
    				if ( !empty($row['banner'] ) ) {
    				  $row['name'] = '<img src="'.$row['banner'].'" width="468" height="60" border="0" alt="'.$row['name'].'">';
              $link = $row['link'];
    				}
    			  $tpl->set_ar_out($row,5);


    <td><a target="_blank" href="index.php?links-s{id}" class="linkvorschau">{name}<span class="info"><img src="http://api.thumbsniper.com/api_free.php?size=3&effect=3&url={link}" width="200" /><br>{des}</span></a></td>



    Zuletzt modifiziert von Jens238 am 24.01.2014 - 22:03:01
    0 Mitglieder finden den Beitrag gut.
  21. #21
    User Pic
    PitbullACR Mitglied
    Registriert seit
    07.01.2013
    Beiträge
    35
    Beitragswertungen
    1 Beitragspunkte
    Also wir kommen der Sache sohon näher nur wird der screen nicht so wie bei dir angezeigt
    0 Mitglieder finden den Beitrag gut.
  22. #22
    User Pic
    Outi77 Mitglied
    Registriert seit
    31.03.2013
    Beiträge
    1.337
    Beitragswertungen
    143 Beitragspunkte
    Da fehlt noch der css-Kram für die Klasse "info".
    Ist ne gute Übung, Du mußt die jetzt positionieren und "verstecken".
    Beim hover mußt Du die dann wieder sichtbar machen.
    Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
    »Albert Einstein«
    0 Mitglieder finden den Beitrag gut.
  23. #23
    User Pic
    PitbullACR Mitglied
    Registriert seit
    07.01.2013
    Beiträge
    35
    Beitragswertungen
    1 Beitragspunkte
    Da ich davon nicht wirklich nen Plan hab wird das schwierig

    gibt es da sowas wie ein tut?


    Zuletzt modifiziert von PitbullACR am 25.01.2014 - 10:31:57
    0 Mitglieder finden den Beitrag gut.
  24. #24
    User Pic
    Jens238 Mitglied
    Registriert seit
    20.03.2013
    Beiträge
    404
    Beitragswertungen
    44 Beitragspunkte
    Eigentlich ganz einfach...

    Erstmal brauchst Du ne neue Klasse mit der Du den Tooltip positionierst
    und gestaltest...

    .linkvorschau span.info {
    display:block;
    position:absolute;
    margin-top:-160px;
    margin-left:500px;
    width:210px;                              
    color:#FFF;                            
    font-family:Verdana;
    font-size: 10px;
    visibility: hidden;
    z-index:999;
    }


    Wichtig ist dabei das visibility: hidden; damit der Tooltip nicht
    dauerhaft sichtbar ist.

    Jetzt erstellst Du eine Pseudoklasse .linkvorschau:hover span.info

    .linkvorschau:hover span.info 
    {
    visibility: visible;
    }


    Die sorgt dafür, das der Tooltip beim überfahren mit der Maus sichtbar
    wird.

    Der Aufbau im HTML ist auch Recht Simpel, das <span> wird unser Tooltip.
    Also bekommt das Element welches den Tooltip beherbergen soll die Klasse
    linkvorschau und das <span> unsere erstellte Pseudoklasse info.

    <td><a target="_blank" href="index.php?links-s{id}" class="linkvorschau">{name}<span class="info"><img src="http://api.thumbsniper.com/api_free.php?size=3&effect=3&url={link}" width="200" /><br>{des}</span></a></td>


    Das war es auch schon... Keine Hexerei oder ??
    Jetzt kann man noch mit gradient, transistion usw. den Tooltip aufhübschen
    und nach seinen Wünschen anpassen...

    Ich hoffe das ich das Verständlich beschrieben habe, Tuts schreiben
    ist nicht wirklich meine Stärke zwinker

    Du kannst auch einfach mal bei einer Suchmaschine Deiner Wahl nach
    CSS Tooltip suchen... Gibt massig Tutorials zu dem Thema...
    0 Mitglieder finden den Beitrag gut.
  25. #25
    User Pic
    PitbullACR Mitglied
    Registriert seit
    07.01.2013
    Beiträge
    35
    Beitragswertungen
    1 Beitragspunkte
    danke für deinen Post aber ich persönlich kann damit nichts anfangen,ich kann ein paar Codes einfügen da hört es schon auf ich weiß net mal wie ich die Klasse erstelle (Asche auf mein Haupt ;-()
    0 Mitglieder finden den Beitrag gut.
  26. #26
    User Pic
    Saarlonz Hall Of Fame
    Registriert seit
    07.08.2008
    Beiträge
    3.003
    Beitragswertungen
    235 Beitragspunkte
    Ein bisschen Eigeninitiative sollte man schon zeigen, mal ganz ehrlich. Jens238 hat hier alles ausführlich erklärt, wenn du es gar nicht versuchen willst erstell ein neuen Beitrag im Anfrage / Angebot Bereich.
    0 Mitglieder finden den Beitrag gut.
  27. #27
    User Pic
    PitbullACR Mitglied
    Registriert seit
    07.01.2013
    Beiträge
    35
    Beitragswertungen
    1 Beitragspunkte
    so ich hab jetz im Css ordner die zwei css erstellt doch ich denke das war verkehrt da es nicht funzt

    soviel zur Eigeninitiative
    0 Mitglieder finden den Beitrag gut.
  28. #28
    User Pic
    Jens238 Mitglied
    Registriert seit
    20.03.2013
    Beiträge
    404
    Beitragswertungen
    44 Beitragspunkte
    Die Klassen werden in des CSS Datei Deines Designs definiert.

    Ich denke es ist an der Zeit, wenigstens mal ein paar Grundlagen
    zu erlernen... Nur Copy & Paste ist doch auf Dauer keine Lösung...
    0 Mitglieder finden den Beitrag gut.
  29. #29
    User Pic
    PitbullACR Mitglied
    Registriert seit
    07.01.2013
    Beiträge
    35
    Beitragswertungen
    1 Beitragspunkte
    Das würde ich gern,Ich hab leider nur im Winter Zeit für sowas da ich Arbeitsbedingt das restlich Jahr unterwegs bin.Wenn Ihr vlt ein paar Anfängertuts habt wäre ich dankbar.Ich hab schon mal geschaut vorhin aber bin net wirklich erfahrener.

    Aber nochmal ganz großen Dank für die Gedult zunge mit mir und deiner Erklärung

    übrigens es funzt danke

    kann geschlossen werden


    Zuletzt modifiziert von PitbullACR am 25.01.2014 - 13:35:05
    0 Mitglieder finden den Beitrag gut.
  30. #30
    User Pic
    Jens238 Mitglied
    Registriert seit
    20.03.2013
    Beiträge
    404
    Beitragswertungen
    44 Beitragspunkte
    Du solltet das Bild über die API Optionen in der Größe ändern nicht über width im img Tag... So sind sie doch sehr pixelig und unscharf.

    Size 4 wäre z.B. 184 Pixel breit...
    Size 3 ist 242 Pixel, das könnte man wenn man will auf 200 Pixel verkleinern.

    Wenn Du die 200 Pixel Breite haben möchtest, würde ich Size 3 Nehmen und
    verkleinern. Dann ist das Vorschaubild immer noch scharf...
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Module und Modifikationen

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten