GetSimple Support Forum

Full Version: Newbie help! Additional formatting options
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hi all,

Im building my first website and have next to no knowledge of html or any coding at all, and think GetSimple and its themes are great for someone like me! I've created the basic structure of the site using the Artton theme and just need to finish adding all the content and personalise a few things.

Thats where you knowledgeable people come in! There's a few things I want to be able to do to my site (located here http://tinyurl.com/7smqhqu) which Im sure would be easy for you guys, so maybe you can tell me what code to put and where to put it to acheive my desired output....

Firstly, I want to be able to replace the text links on the rhs of the footer with small icons (facebook icon, @ icon and phone icon). I can source open-source versions of these from around the net hopefully and upload them to my images directory of the getsimple folder structure via ftp if necessary.

Second, I want to add a 'contact' form to my contact page so they customers can fill it out and I'll receive it via email.

Finally, I want to be able to add a custom background to the whole website with the exception of the header and footer. This may or may not work depending on my background, but I'd like to experiment with it. I will have the background as an image file and can upload it to the getsimple image directory when its complete. I would also like to experiment with replacing my company name font in the header with my company logo instead which already contains my company name. I am still waiting for the image file of the logo from my designer but I will upload it to my getsimple image directory when I get it. I would also like to remove the 'published on: date' section at the bottom of my pages too!

If anyone can help me with any (and hopefully all!) of these requests I would be very grateful!

Blueman
http://www.southcoastcomputers.net.au/th...mplate.php
Locate this file with your ftp and download it to your pc.
Code:
<?php
/* template.php, v1.0 20110321, Artton - GetSimple Theme - created by P R A G */
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <title><?php get_page_clean_title(); ?> | <?php get_site_name(); ?>, <?php get_component('tagline'); ?></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <?php get_header(); ?>
    <meta name="robots" content="index, follow" />
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" type="text/css" href="<?php get_theme_url(); ?>/style.css" media="all" />
    <link rel="shortcut icon" type="image/x-icon" href="<?php get_theme_url(); ?>/images/favicon.ico" />
    <script type="text/javascript" src="<?php get_theme_url(); ?>/js/jquery-1.5.1.min.js"></script>
    <!--[if lt IE 9]><script type="text/javascript" src="<?php get_theme_url(); ?>/js/html5.js"></script><![endif]-->
</head>

<body id="<?php get_page_slug(); ?>" >
<div class="wrapper">
    <header id="bodyheader">
        <div class="content clearfix">
            <a class="logo" href="<?php get_site_url(); ?>"><?php get_site_name(); ?></a>
            <p class="tagline"><?php get_component('tagline'); ?></p>
            
            <!-- <div id="find"> You may put the serch form here! </div> -->
                
            <nav id="navPrim">
                <ul><?php get_navigation(return_page_slug()); ?></ul>
            </nav>
        </div>
    </header><!-- end #bodyheader -->
    
    <section id="bodycontent" class="clearfix">
    
        <article class="main clearfix">
            <header>
                <h1><?php get_page_title(); ?></h1>
            </header>
            <section class="maincontent">
                <?php get_page_content(); ?>
            </section>
            
<footer class="meta" >
                <time datetime="<?php get_page_date('c'); ?>" pubdate="pubdate"><b>Published on:</b> <?php get_page_date('F jS, Y'); ?></time>
            </footer>
        </article><!-- end .main -->
    
        <aside id="sidebar" class="clearfix">

            <?php get_component('colors'); ?>
            
            <!-- wrap each sidebar section like this -->
            <div class="section">
                <?php get_component('sidebar');    ?>
            </div>
            
        </aside><!-- end #sidebar -->
        
    </section><!-- end #bodycontent -->
    
    <footer id="bodyfooter" class="clearfix">
        <p class="left-footer"><?php echo date('Y'); ?> &copy; <strong class="logo"><?php get_site_name(); ?></strong></p>
        <p class="right-footer"><a href="http://www.pragbg.co.cc" title="DESIGN...and more" >Created by PRAG</a> <span>|</span> <?php get_site_credits(); ?></p>
        
        <?php get_footer(); ?>
        
    </footer><!-- end #footer -->

</div><!-- end div.wrapper -->

</body>
</html>
Look for this code and delete it. This will remove the publish data. Then take the same file and reupload it and overwrite the old file. From the theme tab, you can use "edit theme" and do it directly from the admin panel.
Code:
<footer class="meta" >
                <time datetime="<?php get_page_date('c'); ?>" pubdate="pubdate"><b>Published on:</b> <?php get_page_date('F jS, Y'); ?></time>
            </footer>

http://get-simple.info/extend/plugin/p01-contact/35/
Install this plugin, which will avoid you having to touch any html, php, or css files at least to get it working.
Awesome, thanks so much for the help! That's half my problems sorted!

Another quick one to add to my original post, how can I change the website icon next to the address bar?
my friend, this is something which is plain HTML ...

1)
read here: http://www.metatags.info/design_tips_favicon_ico

2)
check your template
either this is defined in the header.php or in the main template itself:

Code:
<link rel="shortcut icon" type="image/x-icon" href="http://www.southcoastcomputers.net.au/theme/artton/images/favicon.ico" />

so you see where the favicon is located
change this