Bokt.nl

**Geplaatst door de TopicStarter:** 18-12-13 21:34

PHP; Link invoegen

Geplaatst door de TopicStarter: 18-12-13 21:34

Omdat ik er met behulp van Google niet uitkom, hoop ik dat jullie mij kunnen helpen.

Dit is de situatie:

Afbeelding

Code: <?php if( of_get_option('foto_rss_custom') ) { ?> <a href="<?php echo esc_url( of_get_option('foto_rss_custom') ); ?>" title="<?php esc_attr_e('Biografie en contact', 'foto'); ?>"><?php _e('?page_id=74', 'foto'); ?></a><?php echo "Biografie & Contact" ?> <?php } else { ?> <a href="<?php echo get_feed_link( '?page_id=74' ); ?>" title="<?php esc_attr_e('Biografie en contact', 'foto'); ?>"><?php _e('?page_id=74', 'foto'); ?></a> <?php }

Van oorsprong een codering voor RSS Feed maar via WordPress en Dreamweaver ongebouwd tot een link naar mijn "Biografie & Contact" pagina.

Voor de duidelijkheid heb ik de teksten "Biografie & Contact" en "Fotoreportages" toegevoegd achter de pictogrammen. Echter alleen de pictogrammen zijn momenteel als link in werking gesteld, de toegevoegde teksten nog niet. Dit krijg ik helaas ook niet voor elkaar.

Ik heb nu verschillende mogelijkheden geprobeerd die ik vond op Google, maar helaas het lukt niet.

Hoe moet ik hier dus een link aan toevoegen? Weet iemand dat?

**Geplaatst:** 18-12-13 21:45

Geplaatst: 18-12-13 21:45

De tekst moet tussen <a ...> en </a>. (Dat zijn namelijk de tekens om een link aan te geven.)

Dat wordt dan:

Code: <?php if( of_get_option('foto_rss_custom') ) { ?> <a href="<?php echo esc_url( of_get_option('foto_rss_custom') ); ?>" title="<?php esc_attr_e('Biografie en contact', 'foto'); ?>"><?php _e('?page_id=74', 'foto'); ?><?php echo "Biografie & Contact" ?></a> <?php } else { ?> <a href="<?php echo get_feed_link( '?page_id=74' ); ?>" title="<?php esc_attr_e('Biografie en contact', 'foto'); ?>"><?php _e('?page_id=74', 'foto'); ?></a> <?php }

Ik heb dus </a><?php echo "Biografie & Contact" ?> veranderd in <?php echo "Biografie & Contact" ?></a> op de 4e regel (op mijn scherm)

**Geplaatst door de TopicStarter:** 18-12-13 21:49

Re: PHP; Link invoegen

Geplaatst door de TopicStarter: 18-12-13 21:49

Ik dacht dus dat dat inderdaad de oplossing was, maar dan verdwijnt mijn tekst ineens en schuift het icoontje op naar rechts. Vandaar dat ik het niet snap, want zo wordt het wel aangegeven. -O-

**Geplaatst:** 18-12-13 21:51

Re: PHP; Link invoegen

Geplaatst: 18-12-13 21:51

Wat zegt je css daarover? Heb je een link?

**Geplaatst door de TopicStarter:** 18-12-13 21:54

Geplaatst door de TopicStarter: 18-12-13 21:54

Code: .header-right-area { text-align: right; } .site-social { padding-top: 20px; font-size: 10px; font-family:Verdana, Geneva, sans-serif; vertical-align:bottom; } .site-social span { display: -moz-inline-stack; -moz-box-orient: vertical; display: inline-block; *display: inline; vertical-align: bottom; *zoom: 1; margin-right: 1px; margin-left: 10px; } .site-social span a { height: 26px; display: -moz-inline-stack; -moz-box-orient: vertical; display: inline-block; *display: inline; vertical-align: bottom; *zoom: 1; text-indent: 110%; white-space: nowrap; overflow: hidden; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.25s; -moz-transition-duration: 0.25s; -o-transition-duration: 0.25s; transition-duration: 0.25s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-delay: 0s; -moz-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; width: 26px; } .site-social span.feed a { background: url('img/sprite-icons.png') no-repeat -10px -12px; height: 27px; width: 26px; } .site-social span.feed a:hover { background: url('img/sprite-icons.png') no-repeat -10px -46px; height: 27px; width: 26px;

Van oorsprong was het dus de RSS feed, maar dat heb ik omgebouwd naar "Biografie en contact", maar qua programmeren heb ik de naam op feed gelaten.

Dit is overigens alles wat over de feed gaat en in de css staat.

**Geplaatst:** 18-12-13 21:58

Re: PHP; Link invoegen

Geplaatst: 18-12-13 21:58

Die width klopt in elk geval niet: 26px is alleen het plaatje. Wat gebeurt er als je dat laatste stukje vervangt door:

Code: .site-social span.feed a { background: url('img/sprite-icons.png') no-repeat -10px -12px; height: 27px; width: auto; } .site-social span.feed a:hover { background: url('img/sprite-icons.png') no-repeat -10px -46px; height: 27px;

**Geplaatst door de TopicStarter:** 18-12-13 22:01

Geplaatst door de TopicStarter: 18-12-13 22:01

Dan krijg ik een hele creatieve header, alle sprite-icons zijn dan zichtbaar en gelinkt aan biografie en contact.

Terwijl wederom de tekst dan foetsie is.

Afbeelding

En bij de a:hover
Afbeelding

Met die waarden had ik inderdaad ook al geëxperimenteerd.

Ik kan anders de betreffende bestanden even op de mail zetten?

Wie is er online