Webmaster Forum

Webmaster Forum (http://www.v7n.com/forums/index.php)
-   Coding Forum (http://www.v7n.com/forums/forumdisplay.php?f=16)
-   -   [HELP] Wordpress / Jquery I think it might be simple. (http://www.v7n.com/forums/showthread.php?t=274193)

webjax 09-20-2011 05:49 PM

[HELP] Wordpress / Jquery I think it might be simple.
 
Hello,

I am using a nice wordpress template that I found but there is a feature I want to add and I'm unsure of how to do so.

I have designed in photoshop what I am trying to make it do:

This is how it looks right now:
http://cheapbacklinkservice.org/other/normal.png

This is how I want to make it look:
http://cheapbacklinkservice.org/other/witharrows.png

And this is what I want it to do:
http://cheapbacklinkservice.org/other/changing.png

Here is the code:
Code:

<?php
/**
 * Front Page
 *
 * Note: You can overwrite home.php as well as any other Template in Child Theme.
 * Create the same file (name) and you're all set to go!
 *
 * @file          front-page.php
 * @package        WordPress
 * @subpackage    Shell
 * @author        Emil Uzelac
 * @copyright      2003 - 2011 ThemeID
 * @license        license.txt
 * @version        Release: 1.0
 * @filesource    wp-content/themes/shell-lite/front-page.php
 * @link          N/A
 * @since          available since Release 1.0
 */
?>
<?php get_header(); ?>

        <div id="content-full" class="grid col-940">
       
            <?php $options = get_option('shell_theme_options');
                        // First let's check if headline was set
                            if ($options['home_headline']) {
                    echo '<h1 class="featured-title">';
                                    echo $options['home_headline'];
                                    echo '</h1>';
                        // If not display dummy headline for preview purposes
                              } else {
                                echo '<h1 class="featured-title">';
                                    echo 'Your H1 Headline Goes Right Here. Great for SEO!';
                                    echo '</h1>';
                                  }
                        ?>
        <div class="grid col-460">
       
            <img src="<?php echo get_stylesheet_directory_uri(); ?>/images/featured-image.jpg" width="440" height="300" alt="" />           
           
        </div><!-- end of .col-460 -->

        <div class="grid col-460 fit">
       
            <?php $options = get_option('shell_theme_options');
                        // First let's check if headline was set
                            if ($options['home_subheadline']) {
                    echo '<h2 class="featured-subtitle">';
                                    echo $options['home_subheadline'];
                                    echo '</h2>';
                        // If not display dummy headline for preview purposes
                              } else {
                                echo '<h2 class="featured-subtitle">';
                                    echo 'Your H2 Subheadline Here';
                                    echo '</h2>';
                                  }
                        ?>
           
            <?php $options = get_option('shell_theme_options');
                        // First let's check if content is in place
                            if ($options['home_content_area']) {
                    echo '<p>';
                                    echo $options['home_content_area'];
                                    echo '</p>';
                        // If not let's show dummy content for demo purposes
                              } else {
                                echo '<p>';
                                    echo 'Properly structured landing page is big part of the Search Engine Optimization. Shell is a hassle-free WordPress CMS Theme. All of the content on this landing page
                                            is fully manageable directly from Theme Options, including call-to-action button and its destination.';
                                    echo '</p>';
                                  }
                        ?>                   
            <div class="featured-button">

            <?php $options = get_option('shell_theme_options');
                        // First let's check if headline was set
                            if ($options['featured_button_link'] && $options['featured_button_text']) {
                    echo '<p>';
                                        echo '<a href="'.$options['featured_button_link'].'">';
                                        echo $options['featured_button_text'];
                                    echo '</a>';
                                        echo '</p>';
                        // If not display dummy headline for preview purposes
                              } else {
                        echo '<p>';
                                        echo '<a href="#nogo">';
                                        echo 'Call to Action';
                                    echo '</a>';
                                        echo '</p>';
                                  }
                        ?> 
           
            </div><!-- end of .featured-button -->
           
        </div><!-- end of .col-460 fit -->
       
        </div><!-- end of #content-full -->
             


<?php get_sidebar('home'); ?>
<?php get_footer(); ?>

I don't mind it being regular html instead of editable in the Theme options as I understand how to edit manually. I'm just not sure how to make the coding to set it up like I want and make it work.

Help is greatly appreciated.

Thank you :)


All times are GMT -7. The time now is 10:35 PM.

3.8.7