Mytolocia Posted November 19, 2010 Share Posted November 19, 2010 Arkaşlar siteme wordpress kurdum. header ın hemen altına da bi chat box koydum fakat şöyle birşey istiyorum. Bu chatbox ı bir kutu içine alsam yanına da bir buton koysam. tıkladıgımda o kutu kapansa veyahut açılsa. Bunu nasıl yapabilrim Site adresim . www.mytolocia.co.cc İndex.php içeriği : [codebox]<?php get_header(); ?> <div> <ul> <center> <!-- Begin ShoutMix - http://www.shoutmix.com --> <iframe title="mytolocia" src="http://www6.shoutmix.com/?mytolocia" width="960" height="250" frameborder="0" scrolling="auto"> <a href="http://www6.shoutmix.com/?mytolocia">View shoutbox</a> </iframe> <!-- End ShoutMix --> </center> </ul> </div> <div id="content" class="col-full"> <?php if ( !$paged && get_option('woo_featured') == "true" ) include ( TEMPLATEPATH . '/includes/featured.php' ); ?> <div id="main" class="col-left"> <?php $paged = (get_query_var('paged')) ? get_query_var('paged') : 1; $args = array( 'post__not_in' => $GLOBALS['shownposts'], 'cat' => '-'.$GLOBALS[video_id], 'paged'=> $paged ); query_posts($args); ?> <?php if (have_posts()) : $count = 0; ?> <?php while (have_posts()) : the_post(); $count++; ?> <div class="box"> <div class="post"> <?php woo_get_image('image',$GLOBALS['thumb_width'],$GLOBALS['thumb_height'],'thumbnail '.$GLOBALS['align']); ?> <h2 class="title"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h2> <p class="post-meta"> <img src="<?php bloginfo('template_directory'); ?>/images/ico-time.png" alt="" /><?php the_time($GLOBALS['woodate']); ?> <span class="comments"><img src="<?php bloginfo('template_directory'); ?>/images/ico-comment.png" alt="" /><?php comments_popup_link(__('0 Comments', 'woothemes'), __('1 Comment', 'woothemes'), __('% Comments', 'woothemes')); ?></span> </p> <div class="entry"> <?php if ( get_option('woo_home_content') == "true" ) { ?> <?php the_content(__('Read more...', 'woothemes')); ?> <?php } else { ?> <?php the_excerpt(); ?><span class="read-more"><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>" class="btn"><?php _e('Read more', 'woothemes'); ?></a></span> <?php } ?> </div> <div class="fix"></div> </div><!-- /.post --> <div class="post-bottom"> <div class="fl"><span class="cat"><?php the_category(', ') ?></span></div> <div class="fr"><?php the_tags('<span class="tags">', ', ', '</span>'); ?></div> <div class="fix"></div> </div> </div><!-- /.box --> <?php endwhile; else: ?> <div class="box"> <div class="post"> <p><?php _e('Sorry, no posts matched your criteria.', 'woothemes') ?></p> </div><!-- /.post --> </div><!-- /.box --> <?php endif; ?> <div class="more_entries"> <?php if (function_exists('wp_pagenavi')) wp_pagenavi(); else { ?> <div class="fl"><?php previous_posts_link(__('Newer Entries', 'woothemes')) ?></div> <div class="fr"><?php next_posts_link(__('Older Entries', 'woothemes')) ?></div> <br class="fix" /> <?php } ?> </div> </div><!-- /#main --> <?php get_sidebar(); ?> </div><!-- /#content --> <?php get_footer(); ?>[/codebox] Link to comment Share on other sites More sharing options...
Cod-er Posted November 22, 2010 Share Posted November 22, 2010 bununla ilgilenicem sana cevap atarım zamanım olunca.. Link to comment Share on other sites More sharing options...
bitlipire Posted November 22, 2010 Share Posted November 22, 2010 [code]http://blog.movalog.com/a/javascript-toggle-visibility/[/code] yada [code]http://www.cssnewbie.com/showhide-content-css-javascript/[/code] yada wordpressten [code]http://wordpress.org/support/topic/how-to-showhide-content-on-a-page[/code] anahtar:toggle umarım yararlı olur Link to comment Share on other sites More sharing options...
Bitmap Posted November 28, 2010 Share Posted November 28, 2010 örnek---> www.birprogramsitesi.tk/a.html [code]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> body,input { font-family:"Trebuchet ms",arial;font-size:0.9em; color:#333; } .spoiler { border:1px solid #ddd; padding:3px; } .spoiler .inner { border:1px solid #eee; padding:3px;margin:3px; } </style> <script type="text/javascript"> function showSpoiler(obj) { var inner = obj.parentNode.getElementsByTagName("div")[0]; if (inner.style.display == "none") inner.style.display = ""; else inner.style.display = "none"; } </script> </head> <body> <div class="spoiler"> <input type="button" onclick="showSpoiler(this);" value="Mesaj kutusu göster/gizle" /> <div class="inner" style="display:none;"> <!---kod buraya gelecek---> </div> </div> </body> </html>[/code] Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.