Kleine Pics oder Icons vor Kategorie oder Forum

[Helmut71]

Ich hätte gern ein kleines pic oder ein icon jeweils vor den Kategorien - und es sollte gleichzeitig als Hyperlink zu der Kategorie funktionieren.

Ich habe diesen mod (wurde in diesem Forum schon mal empfohlen)verwendet http://www.phpbbhacks.com/viewhack.php?id=565

Ich kann zwar ein Bild eunfügen aber das Bild funktioniert nicht als Hyperlink.

So wäre der Idealzustand:
http://community.dieselschrauber.de/index.php

Wer kann helfen??

[Chaze]

Poste doch mal einen Link zu einer txt-Version Deiner templates/DeinTemplate/index_body.tpl

[Helmut71]

ich bin blutigster Anfänger..wie genau meinst du das mit Link zu einer Textversion?

http://www.hohenau.net/index_body.tpl

Das wäre der Link zur entsprechenden Seite. Ich hab zwar hier auch die Änderungen vorgenommen, aber...weiß auch nicht mehr weiter!

Hier die vorgenommenen Änderungen:



#-----[ ACTION: ]------------------------------------------
# OPEN: templates\subSilver\index_body.tpl

[FIND]:
<span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span>

[ADD BEFORE]:
{catrow.CAT_ICON}

------------------------------
[FIND]:
<span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a>

[ADD BEFORE]:
{catrow.forumrow.FORUM_ICON}

[Rainer K.]

Hallo Helmut,

ich habe Dir in 'Suche' bereits geantwortet. Bitte mülle mir nicht mein Forum zu. War wohl keine gute Idee von mir, HTML für alle zuzulassen

Hier nochmal meine Antwort:

Hi Helmut,

mit Deinem Mod müßte es auch klappen.
Damit der das Icon auch als Link funktioniert, mußt Du es doch nur mit in den Link-Tag setzen. Den häßlichen blauen Linkrahmen um das Bild bekommt man mit border="0" weg.
Du mußt also nur in der index.php den Iconstring ändern, damit boder="0" drinsteht und in der index.body.tpl Deinen Iconstring in den Link ziehen.

Grüße, Rainer

PS: da total OT werde ich das Posting in einigen Tagen wieder löschen.

Wenn Du keine Ahnung von HTML hast, was ich mir ziemlich sicher bin, hilft Dir das: http://selfhtml.teamone.de/


Grüße, Rainer

[Helmut71]

so sorry, kommt nicht wieder vor

Ich konnte halt leider mit deiner Antwort nicht allzuviel anfangen. Wie zieht man in dem konkreten Fall den Iconstring in den Linktag?

bzw wie sieht der korrekte Linktag dann aus?

wäre über rasche Hilfe dankbar (und werd niiiee mehr wieder was in deinem Forum posten)

[Tuxman]

Code: Alles auswählen

#-----[ ACTION: ]------------------------------------------ 
# OPEN: templates\[template]\index_body.tpl 

[FIND]: 
<span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_DESC}</a></span> 

[REPLACE WITH]:
<span class="cattitle"><a href="{catrow.U_VIEWCAT}" class="cattitle">{catrow.CAT_ICON} {catrow.CAT_DESC}</a></span>  

------------------------------ 
[FIND]:
<span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_NAME}</a> 

[REPLACE WITH]:
<span class="forumlink"> <a href="{catrow.forumrow.U_VIEWFORUM}" class="forumlink">{catrow.forumrow.FORUM_ICON} {catrow.forumrow.FORUM_NAME}</a> 

[Rainer K.]

Ein Link sieht in HTML so aus:

<a href="Ziel des Links, http://www.dings.de"> Linktext </a>

mit Bild drin:

<a href="http://www.dings.de"><img src="Das ist mein Bild.jpg" border="0"> Linktext </a>

Am besten Du lädts Dir das selfhtml runter (gibt auch diverse Mirrors), schreibst die Zeilen oben in eine Textdatei, die Du .html benennst und rufst sie im Webbrowser auf. Dann kannst Du ein wenig damit rumspielen und den HTML Code verstehen.

Der '<img src="Das ist mein Bild.jpg" border="0">' String wird in Deiner index.php erzeugt und den {catrow.CAT_ICON} Variablen zugewiesen.
Daher mußt Du noch die Zuweisung des Icon Bilds in der index.php ändern, damit Du den Linkrahmen um das Bild wegbekommst.

Grüße, Rainer

[Helmut71]

danke für eure Hilfe so far...jetzt muss ich es nur noch schaffen, den blauen Rahmen wegzubekommen - lt. Rainer muss man dies in der index Datei ändern. Wo genau ist der border=0 einzufügen?

------------------------------
[FIND]:
if ( $display_forums )
{
$template->assign_block_vars('catrow', array(
'CAT_ID' => $cat_id,
'CAT_DESC' => $category_rows[$i]['cat_title'],
'U_VIEWCAT' => append_sid("index.$phpEx?" . POST_CAT_URL . "=$cat_id"))
);

[REPLACE]:
if ( $display_forums )
{
if ($category_rows[$i]['cat_icon'] != '')
{$c_icon = '&nbsp;<img src="'.$category_rows[$i]['cat_icon'].'"/>&nbsp;';}
else {$c_icon = '';}
$template->assign_block_vars('catrow', array(
'CAT_ID' => $cat_id,
'CAT_DESC' => $category_rows[$i]['cat_title'],
'CAT_ICON' => $c_icon,
'U_VIEWCAT' => append_sid("index.$phpEx?" . POST_CAT_URL . "=$cat_id"))
);


------------------------------
[FIND]:
$row_color = ( !($i % 2) ) ? $theme['td_color1'] : $theme['td_color2'];
$row_class = ( !($i % 2) ) ? $theme['td_class1'] : $theme['td_class2'];

$template->assign_block_vars('catrow.forumrow', array(
'ROW_COLOR' => '#' . $row_color,
'ROW_CLASS' => $row_class,
'FORUM_FOLDER_IMG' => $folder_image,
'FORUM_ID' => $forum_data[$j]['forum_id'],
'FORUM_NAME' => $forum_data[$j]['forum_name'],
'FORUM_DESC' => $forum_data[$j]['forum_desc'],
'POSTS' => $forum_data[$j]['forum_posts'],
'TOPICS' => $forum_data[$j]['forum_topics'],


[REPLACE]:
$row_color = ( !($i % 2) ) ? $theme['td_color1'] : $theme['td_color2'];
$row_class = ( !($i % 2) ) ? $theme['td_class1'] : $theme['td_class2'];
if ($forum_data[$j]['forum_icon'] != '')
{$f_icon = '&nbsp;<img src="'.$forum_data[$j]['forum_icon'].'">&nbsp;';}
else {$f_icon = '';}

$template->assign_block_vars('catrow.forumrow', array(
'ROW_COLOR' => '#' . $row_color,
'ROW_CLASS' => $row_class,
'FORUM_FOLDER_IMG' => $folder_image,
'FORUM_ID' => $forum_data[$j]['forum_id'],
'FORUM_NAME' => $forum_data[$j]['forum_name'],
'FORUM_DESC' => $forum_data[$j]['forum_desc'],
'FORUM_ICON' => $f_icon,
'POSTS' => $forum_data[$j]['forum_posts'],
'TOPICS' => $forum_data[$j]['forum_topics'],

[Rainer K.]

Such in Deinem gepostetem Text nach 'img src='.

Wenn Du das gefunden hast, müßtest Du selbst rausbekommen können, wo das 'border="0"' rein muß, damit im fertigen Browserquellcode das richtige steht.

[Helmut71]

@Rainer:

habs geschafft - und hätt noch ne kleine Frage:

das css ist ja so konfiguriert, dass der Link beim "mousover" unterstrichen wird - wie bekommt man es hin, dass das icon nicht mitunterstrichen wird??

@tuxman : dankeschön für den funktionierenden quelltext!

ps: dieses Forum ist eines der besten, die ich bisher gesehen hab: nette und kompetente Leute