Brugervenlighed & design på nettet

Svar: Programmeringsudfordring: Manglende link i vores pictogrambilleder.

Kim Tetzlaff - Kim Tetzlaff ApS — Wed, 14 Sep 2011 09:43:24 GMT

Så er den sag ude af verdenen, det var fordi den kode som bliver postet ovenfor, intet har med de pictogrammer at gøre. Den del skulle rettes et helt andet sted. Fremgangsmåden var dog den samme som den jeg skrev ovenfor.

MVH Kim

Svar: Programmeringsudfordring: Manglende link i vores pictogrambilleder.

Kim Tetzlaff - Kim Tetzlaff ApS — Wed, 14 Sep 2011 09:17:07 GMT

Jeg er ikke så sikker på at du er det rigtige sted i koden, det ser rigtig nok ud som om at du er der, men jeg kan ikke finde ordet class="panel" nogen steder på din hjemmeside.

Måske du skulle kontakte mig via PB eller mail, så kan jeg tage et kig på din kode. Det er nemlig lidt svært ud fra kodestumper at se hvor det skal rettes henne, og om det overhovedet er det rigtige sted. og om der muligvis er andre steder som rent faktisk fjerner linket, fx via javascript.

MVH Kim

Svar: Programmeringsudfordring: Manglende link i vores pictogrambilleder.

Henrik Skov — Wed, 14 Sep 2011 09:09:52 GMT

KTJ-Media.dk:

har du prøvet at gøre det sådan:

<div class="panel">

<?php $screen = get_post_meta($post->ID, 'screen', $single = true); ?>
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php echo $screen; ?>&h=100&w=200&zc=1" alt=""/></a>
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
</div>

MVH Kim

Hej Kim,

Jeg har nu prøvet med de ændringer du har skrevet. Desværre ser jeg ikke nogen forskel. Man kan stadigvæk ikke klikke på billederne/pictugrammerne.... :-/ Hvad var det du lavede om i koden?

Svar: Programmeringsudfordring: Manglende link i vores pictogrambilleder.

Kim Tetzlaff - Kim Tetzlaff ApS — Wed, 14 Sep 2011 08:40:55 GMT

Henrik Skov:

Tror det skal findes nederst på det jeg lige har postet, her:

<div class="panel">

<?php $screen = get_post_meta($post->ID, 'screen', $single = true); ?>
<img src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php echo $screen; ?>&amp;h=100&amp;w=200&amp;zc=1" alt=""/> 
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
</div>

har du prøvet at gøre det sådan:

<div class="panel">

<?php $screen = get_post_meta($post->ID, 'screen', $single = true); ?>
<a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php echo $screen; ?>&h=100&w=200&zc=1" alt=""/></a>
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
</div>

MVH Kim

Svar: Programmeringsudfordring: Manglende link i vores pictogrambilleder.

Teddy Carlsen — Wed, 14 Sep 2011 08:29:24 GMT

Det er rigtigt, og det er <a href=" der skal kopieres eller tilføjes til <img src=" men hvordan man lige gør det er jeg ikke sikker nok i php til at sige.

Teddy

Svar: Programmeringsudfordring: Manglende link i vores pictogrambilleder.

Henrik Skov — Tue, 13 Sep 2011 15:37:50 GMT

Tror det skal findes nederst på det jeg lige har postet, her:

<div class="panel">

<?php $screen = get_post_meta($post->ID, 'screen', $single = true); ?>
<img src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php echo $screen; ?>&amp;h=100&amp;w=200&amp;zc=1" alt=""/> 
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
</div>

Svar: Programmeringsudfordring: Manglende link i vores pictogrambilleder.

Henrik Skov — Tue, 13 Sep 2011 15:14:01 GMT

Ved nærmere eftersøgelse tror jeg faktisk at svaret skal findes inde hos slide.php koden. Hvad jeg skal ændres i koden ved jeg så ikke, men her er den:

<script type="text/javascript">
stepcarousel.setup({
	galleryid: 'mygallery', //id of carousel DIV
	beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
	panelclass: 'panel', //class of panel DIVs each holding content
	panelbehavior: {speed:500, wraparound:true, persist:true},
	defaultbuttons: {enable: true, moveby: 2, leftnav: ['<?php bloginfo('template_url'); ?>/images/scar2.jpg', -14, 68], rightnav: ['<?php bloginfo('template_url'); ?>/images/scar1.jpg', -2, 68]},
	statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
	contenttype: ['external'] //content setting ['inline'] or ['external', 'path_to_external_file']
})

	
</script>


<div id="myslides">
<div id="mygallery" class="stepcarousel">
<div class="belt">
<?php 
	$slidecat = get_option('scar_gldcat'); 
	$slidecount = get_option('scar_gldct');
	
	$my_query = new WP_Query('category_name= '. $slidecat .'&showposts='.$slidecount.'');
while ($my_query->have_posts()) : $my_query->the_post();$do_not_duplicate = $post->ID;
?>


<div class="panel">

<?php $screen = get_post_meta($post->ID, 'screen', $single = true); ?>
<img src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php echo $screen; ?>&amp;h=100&amp;w=200&amp;zc=1" alt=""/> 
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
</div>

<?php endwhile; ?>



</div>Håber i kan hjælpe mig! :)

Svar: Programmeringsudfordring: Manglende link i vores pictogrambilleder.

Henrik Skov — Tue, 13 Sep 2011 14:56:03 GMT


 Teddy Carlsen:
Det er ikke i den kode du har postet det skal ændres, det er en CSS fil. Det skal ændres i html eller php.

Aaahhh, okay. Så giver det egentligt mere mening. Tak for inputtet. Jeg tror svaret skal findet i nedenstående PHP kode. Jeg

ved at jeg har uploaded pictogrammerne/billederne ved at uploade til "Screen".

<div id="postlist">

<ul class="spy">
<?php $my_query = new WP_Query('orderby=rand'); ?>
<?php while ($my_query->have_posts()) : $my_query->the_post();?>
<li>

<?php $screen = get_post_meta($post->ID, 'screen', $single = true); ?>
<img src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php echo $screen; ?>&amp;h=60&amp;w=100&amp;zc=1" alt=""/> 

<h2><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2>
<div class="fcats"><?php the_category(', '); ?> </div> 
<div class="auth"> Posted by <?php the_author(); ?> </div> 

</li>
<?php endwhile; ?>

</ul>
</div>
<div class="clear"></div>

Nogle kloge programmørmennesker, der har løsningen?

På forhånd tak.

Svar: Programmeringsudfordring: Manglende link i vores pictogrambilleder.

Teddy Carlsen — Tue, 13 Sep 2011 13:51:00 GMT

Det er ikke i den kode du har postet det skal ændres, det er en CSS fil. Det skal ændres i html eller php.

Teddy

Programmeringsudfordring: Manglende link i vores pictogrambilleder.

Henrik Skov — Tue, 13 Sep 2011 13:09:42 GMT

Hej Aminoer,

Vi har en masse pictogrammer/ikoner til højre på vores side på www.hamborgrejser.dk, der automatisk skifter plads.

Vi kan dog ikke finde ud af at få vores pictogrammer/billeder til at indeholde et link, der linker til de "posts" de hører til (som det er nu skal man klikke på overskriften: fx "afbudsrejser"). Ved i hvordan jeg ændre det. Som jeg ser det så er det her koden til pictogrammerne/ikonerne:

#postlist {
	overflow:hidden;
	margin-top:5px;
	padding:0px 0px;
	height:310px;
	}
#postlist ul{
	width:335px;
	overflow:hidden;
	list-style-type: none;
	padding: 0px 0px;
	margin:0px 0px;
	}
#postlist li {
	padding: 5px 5px;
	margin:0px 0px 5px 0px;
	list-style-type:none;
	width: 323px;
	float:left;
	height:60px;
    overflow: hidden;
	background:#fff url(images/post.jpg) repeat-x;
	border:1px solid #ddd;
	}	


#postlist li h2 {
    color:#4B545B;
    font-size:16px;
	height:18px;
	overflow:hidden;
	margin:0px 0px;
	padding:0px 0px 2px 0px;

}

#postlist li h2 a {
    color:#4B545B;
    text-decoration:none;
}

#postlist li img {
    float:left;
    margin-right:5px;
	background:#EFEFEF;
}

På forhånd tak for jeres hjælp.