Informationen Box die Link mit einer andre Farbe

[schaefer]

Hallo

Wer weiss wo ich in der Informationen Box die Link mit einer andre Farbe hinterlegen kann.

<td class="infoBoxHeading">Informationen</td>

mein Shop http://www.amberdog.ch


gruss Bernd

[mogidala]

Hallo! Dafür am besten 2 Dateien bearbeiten:
/templates/xtc_fr24/boxes/box_information.html:

Die zweite Zeile lautet

<table width="100%" border="0" cellpadding="0" cellspacing="0" class="box">

Ändern in:

<table class="meineLinkFarbe" width="100%" border="0" cellpadding="0" cellspacing="0" class="box">

Damit gibst du der Tabelle (*würg*, reine CSS Layouts sind mir lieber, aber egal ) eine eigene Klasse, wodurch du später Formatierungen gezielt für diese Tabelle vornehmen kannst.

Dann in
/templates/xtc_fr24/stylesheet.css
am Ende hinzufügen:

.meineLinkFarbe td a {color: #FF0000;}

und eben die gewünschte Farbe als Hexadezimal eintragen (im Beispiel ist es rot!).

Grüße
Daniela

[schaefer]

Hallo Daniela
Danke für deine Hilfe und schellen Antwort.
Frage mit der Änderung ist dann die ganze Box auf rot ?
Denn ich möchtet nur einzelne Links in einer andre Farbe oder Fett.

gruss Bernd

[TF101]

Hi,

in dem oberen Bsp wird der Tabelle einmal die Klasse box und einmal die Klasse meineLinkFarbe zugewiesen.

Ein wenig einfacher ist es in der der Datei information.php im Ordner DEIN_SHOP/templates/DEIN_TEMPLATE/source/boxes/

die Zeile mit dem Link zubearbeiten.

Einfach den Link die entsprechende Klasse zuweisen und dann in den stylesheets bearbeiten.

Info: Alle Links in der Box sehen dann immer gleich aus. Du kannst also innerhalb der Box keine verschieden farbigen Links abbilden.

Mfg
Tom

[mogidala]

Hi,

in dem oberen Bsp wird der Tabelle einmal die Klasse box und einmal die Klasse meineLinkFarbe zugewiesen.

ups - stimmt! die hatte ich übersehen.

In meinem Beispiel werden ALLE links innerhalb der Box "informationen" rot. Wenn du gezielt einzelne Links separat stylen möchtest, musst du tatsächlich in die von tf101 genannte Datei eingreifen - hier wird der Inhalt der Box generiert. Am einfachsten wäre es wohl, die Datei dahingehend abzuändern, so dass jedem Link eine eigene Klasse mitgegeben wird, die du dann gezielt ansprechen kannst. Hier würde sich z.b. die content-id anbieten (da in der Datei sowieso bekannt und bei jedem Link anders).

Schau mal unter templates/xtc_fr24/source/boxes/information.php ca. Zeile 60, da solltest du folgendes finden:

$content_string .= '<img src="templates/'.CURRENT_TEMPLATE.'/img/icon_arrow.jpg" alt="" /> <a href="'.xtc_href_link(FILENAME_CONTENT, 'coID='.$content_data['content_group'].$SEF_parameter).'">'.$content_data['content_title'].'</a><br />'; 

mit diesem Befehl (der in Schleife läuft) werden die Links innerhalb der Box generiert. Hier fügst du einfach nach dem beginn des <a ...>-Tags die Klasse ein (ich habe hier den Namen "link" gewählt, die Klassenbezeichnung lautet dann link1, link3, link745....je nach ID):

        $content_string .= '<img src="templates/'.CURRENT_TEMPLATE.'/img/icon_arrow.jpg" alt="" /> <a class="link'.$content_data['content_group'].'" href="'.xtc_href_link(FILENAME_CONTENT, 'coID='.$content_data['content_group'].$SEF_parameter).'">'.$content_data['content_title'].'</a><br />'; 

- der hinzugefügte Teil ist

class="link'.$content_data['content_group'].'" 

, ggf. sieht dein Quellcode anders aus, aber wie gesagt, der Teil muss innerhalb des <a ..>-Tags.

Nun musst du noch rausfinden, welche ID jedem einzelnen Link zugewiesen wurde. Das kannst du entweder über den Quelltext machen oder du nutzt eines der verschiedenen CSS-Plugins für Firefox, z.b. Firebug oder die Web Developer Toolbar!

//Nachtrag: die erste Änderung von oben (mit der Klasse für die Tabelle) kannst du dann verwerfen!

[schaefer]

Guten Morgen zusammen

Vielen dank für die guten Antworten, nun verstehe ich nur Bahnhof ??
Werde mich mal dran geben und euch hier berichten.

gruss Bernd

[schaefer]

Hallo zusammen
ich brauch noch mal euer Hilfe

Hier die info aus information.php
$content_string .= '<img src="templates/'.CURRENT_TEMPLATE.'/img/icon_arrow.png" alt="" /> <a href="'.xtc_href_link(FILENAME_CONTENT, 'coID='.$content_data['content_group'].$SEF_parameter).'">'.$content_data['content_title'].'</a><br />';
}

if ($content_string != '')
$box_smarty->assign('BOX_CONTENT', $content_string);

hier der Quelltext. wo ich Gebrauchsanweisung in fett haben möchte
<img src="templates/xtc_fr24/img/icon_arrow.png" alt=""> <a href="http://www.amberdog.ch/shop_content.php/coID/12/product/Gebrauchsanweisung">Gebrauchsanweisung</a>

wo und was muss ich ändern.

gruss Bernd

[mogidala]

moin

also das formatieren muss wie gesagt bereits in der .php stattfinden. das problem ist, dass der link "gebrauchsanweisung" dort nicht explizit bekannt ist. es gibt nun 2 möglichkeiten: die erste ist wie ich in meinem vorherigen beitrag schrieb, pauschal für jeden link eine eigene klasse zu generieren. das machst du, in dem du

$content_string .= '<img src="templates/'.CURRENT_TEMPLATE.'/img/icon_arrow.png" alt="" /> <a href="'.xtc_href_link(FILENAME_CONTENT, 'coID='.$content_data['content_group'].$SEF_parameter).'">'.$content_data['content_title'].'</a><br />'; 

änderst in

$content_string .= '<img src="templates/'.CURRENT_TEMPLATE.'/img/icon_arrow.png" alt="" /> <a class="link'.$content_data['content_group'].'"    href="'.xtc_href_link(FILENAME_CONTENT, 'coID='.$content_data['content_group'].$SEF_parameter).'">'.$content_data['content_title'].'</a><br />'; 

somit erhältst du bei jedem link in der box im quelltext einen zusätzlichen "eintrag" namens class="link1", class="link2" usw. du musst dann herausfinden, welcher "eintrag" für deinen link "gebrauchsanweisung" gilt, das findest du über den quelltext heraus (im firefox: ansicht - quelltext - dann suchen (strg+f) und gebrauchsanweisung eintippen, dort findest du dann deinen link in folgender form wieder <a class="link1" href="http://www.amberdog.ch/shop_content.php/coID/12/product/Gebrauchsanweisung">Gebrauchsanweisung</a>

wenn du weißt, welche class für den link gilt, kannst du deine formatierung dafür einfach in der .css datei hinzufügen, z.b.

.link1 {font-weight: 700;}

####################################
Möglichkeit 2 wäre, bereits in der PHP nach dem Text des Links zu fragen (à la "wenn der linkname = "gebrauchsanweisung" dann füge spezielle formatierung ein"). Das geht so:

$content_string .= '<img src="templates/'.CURRENT_TEMPLATE.'/img/icon_arrow.png" alt="" /> <a href="'.xtc_href_link(FILENAME_CONTENT, 'coID='.$content_data['content_group'].$SEF_parameter).'">'.$content_data['content_title'].'</a><br />'; 

ändern in:

if ($content_data['content_title'] == 'Gebrauchsanweisung')
{
$content_string .= '<img src="templates/'.CURRENT_TEMPLATE.'/img/icon_arrow.png" alt="" /> <strong><a href="'.xtc_href_link(FILENAME_CONTENT, 'coID='.$content_data['content_group'].$SEF_parameter).'">'.$content_data['content_title'].'</a><br /></strong>';
}
else
{
$content_string .= '<img src="templates/'.CURRENT_TEMPLATE.'/img/icon_arrow.png" alt="" /> <a href="'.xtc_href_link(FILENAME_CONTENT, 'coID='.$content_data['content_group'].$SEF_parameter).'">'.$content_data['content_title'].'</a><br />';
} 

In meinem Beispiel habe ich für den Fall dass der Link "Gebrauchsanweisung" lautet, ein <strong>-Tag um den Link gelegt, du könntest aber auch eine Klasse hinzufügen oder den Link sonstwie formatieren.

Nachteil bei der 2. Möglichkeit: Wenn du den Link mal umbenennst, funktioniert es nicht mehr. Außerdem müsstest du wenn du andere Links ebenfalls formatieren möchtest, das ganze Prozedere für jeden Link noch zusätzlich mit reinhacken. Die erste Variante würde ich daher bevorzugen, weil sie zum einen kürzer ist und du eben über CSS mehr Möglichkeiten hast, jeden deiner Links in der Box separat zu stylen.

[schaefer]

Guten Morgen mogidala

Vielen dank für deine super Hilfe
Jetzt hab auch ich es geschafft.

danke viel mal.

gruss Bernd