Links mit Preview

Gehe zu Seite:

Geschlossen

Do. 23.01.2014 13:26 Uhr #1

PitbullACR Mitglied

Registriert seit
07.01.2013

Beiträge
35

Beitragswertungen

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.
- zitieren
Do. 23.01.2014 13:43 Uhr #2

Outi77 Mitglied

Registriert seit
31.03.2013

Beiträge
1.337

Beitragswertungen

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.
- zitieren
Do. 23.01.2014 13:47 Uhr #3

PitbullACR Mitglied

Registriert seit
07.01.2013

Beiträge
35

Beitragswertungen

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.
- zitieren
Do. 23.01.2014 13:49 Uhr #4

Outi77 Mitglied

Registriert seit
31.03.2013

Beiträge
1.337

Beitragswertungen

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.
- zitieren

Do. 23.01.2014 13:56 Uhr #5

Siggi Hall Of Fame

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;
}
?>

Wie poste ich falsch?

0 Mitglieder finden den Beitrag gut.

zitieren

Do. 23.01.2014 14:02 Uhr #6

PitbullACR Mitglied

Registriert seit
07.01.2013

Beiträge
35

Beitragswertungen

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.
- zitieren
Do. 23.01.2014 14:09 Uhr #7

Outi77 Mitglied

Registriert seit
31.03.2013

Beiträge
1.337

Beitragswertungen
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.
- zitieren
Do. 23.01.2014 14:17 Uhr #8

PitbullACR Mitglied

Registriert seit
07.01.2013

Beiträge
35

Beitragswertungen

und das gebe ich bei link ein oder versteh ich das jetz falsch
0 Mitglieder finden den Beitrag gut.
- zitieren
Do. 23.01.2014 14:31 Uhr #9

Outi77 Mitglied

Registriert seit
31.03.2013

Beiträge
1.337

Beitragswertungen

Nein, im Admin-Center gibst Du nur das ein, was verlangt wird.
Das <img>-Tag und das 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.
- zitieren
Do. 23.01.2014 14:32 Uhr #10

Siggi Hall Of Fame

Registriert seit
08.02.2007

Beiträge
6.558

Beitragswertungen
Wo ist das Problem meins ist eine Fertige Lösung

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}">
```
Wie poste ich falsch?
0 Mitglieder finden den Beitrag gut.
- zitieren
Do. 23.01.2014 14:48 Uhr #11

Outi77 Mitglied

Registriert seit
31.03.2013

Beiträge
1.337

Beitragswertungen

So hatte ich es auch gepostet,nur am Beispiel von ilch

Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
»Albert Einstein«
0 Mitglieder finden den Beitrag gut.
- zitieren
Do. 23.01.2014 14:54 Uhr #12

PitbullACR Mitglied

Registriert seit
07.01.2013

Beiträge
35

Beitragswertungen

so hab ich gemacht aber es kommt net das raus was ich will verdammt :-(
0 Mitglieder finden den Beitrag gut.
- zitieren
Do. 23.01.2014 15:05 Uhr #13

Outi77 Mitglied

Registriert seit
31.03.2013

Beiträge
1.337

Beitragswertungen

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

Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
»Albert Einstein«
0 Mitglieder finden den Beitrag gut.
- zitieren
Do. 23.01.2014 15:19 Uhr #14

PitbullACR Mitglied

Registriert seit
07.01.2013

Beiträge
35

Beitragswertungen

man was mach ich nur falsch hab jetz glaub jede Variante probiert
0 Mitglieder finden den Beitrag gut.
- zitieren
Do. 23.01.2014 16:39 Uhr #15

Siggi Hall Of Fame

Registriert seit
08.02.2007

Beiträge
6.558

Beitragswertungen

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

Wie poste ich falsch?
0 Mitglieder finden den Beitrag gut.
- zitieren
Do. 23.01.2014 16:57 Uhr #16

Outi77 Mitglied

Registriert seit
31.03.2013

Beiträge
1.337

Beitragswertungen

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.
- zitieren
Do. 23.01.2014 17:43 Uhr #17

PitbullACR Mitglied

Registriert seit
07.01.2013

Beiträge
35

Beitragswertungen

das ist das Modul

externer Link

ja es soll so aussehen wie auf den Beispiellink
0 Mitglieder finden den Beitrag gut.
- zitieren
Do. 23.01.2014 19:10 Uhr #18

Jens238 Mitglied

Registriert seit
20.03.2013

Beiträge
404

Beitragswertungen

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.
- zitieren
Do. 23.01.2014 19:14 Uhr #19

PitbullACR Mitglied

Registriert seit
07.01.2013

Beiträge
35

Beitragswertungen

ok mach ich
0 Mitglieder finden den Beitrag gut.
- zitieren

Fr. 24.01.2014 21:15 Uhr #20

Jens238 Mitglied

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 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.

zitieren

Sa. 25.01.2014 09:39 Uhr #21

PitbullACR Mitglied

Registriert seit
07.01.2013

Beiträge
35

Beitragswertungen

Also wir kommen der Sache sohon näher nur wird der screen nicht so wie bei dir angezeigt
0 Mitglieder finden den Beitrag gut.
- zitieren
Sa. 25.01.2014 10:10 Uhr #22

Outi77 Mitglied

Registriert seit
31.03.2013

Beiträge
1.337

Beitragswertungen

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.
- zitieren
Sa. 25.01.2014 10:31 Uhr #23

PitbullACR Mitglied

Registriert seit
07.01.2013

Beiträge
35

Beitragswertungen

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.
- zitieren
Sa. 25.01.2014 11:49 Uhr #24

Jens238 Mitglied

Registriert seit
20.03.2013

Beiträge
404

Beitragswertungen
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 wird unser Tooltip.
Also bekommt das Element welches den Tooltip beherbergen soll die Klasse
linkvorschau und das unsere erstellte Pseudoklasse info.
```
<td><a target="_blank" href="index.php?links-s{id}" class="linkvorschau">{name}<img src="http://api.thumbsniper.com/api_free.php?size=3&effect=3&url={link}" width="200" /> {des}</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

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.
- zitieren
Sa. 25.01.2014 12:07 Uhr #25

PitbullACR Mitglied

Registriert seit
07.01.2013

Beiträge
35

Beitragswertungen

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.
- zitieren
Sa. 25.01.2014 12:19 Uhr #26

Saarlonz Hall Of Fame

Registriert seit
07.08.2008

Beiträge
3.003

Beitragswertungen

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.
- zitieren
Sa. 25.01.2014 13:19 Uhr #27

PitbullACR Mitglied

Registriert seit
07.01.2013

Beiträge
35

Beitragswertungen

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.
- zitieren
Sa. 25.01.2014 13:19 Uhr #28

Jens238 Mitglied

Registriert seit
20.03.2013

Beiträge
404

Beitragswertungen

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.
- zitieren
Sa. 25.01.2014 13:20 Uhr #29

PitbullACR Mitglied

Registriert seit
07.01.2013

Beiträge
35

Beitragswertungen

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 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.
- zitieren
Sa. 25.01.2014 15:32 Uhr #30

Jens238 Mitglied

Registriert seit
20.03.2013

Beiträge
404

Beitragswertungen

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.
- zitieren

Beitrag zur Merkliste hinzufügen

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