![]()
Place the following code into your custom_functions.php:
1 2 3 4 5 6 7 |
/* floating left social icons */
function social_iconz() {
?>
<div id="feedback"><a href="http://facebook.com/yourusername" id="facebook">[your name] on Facebook</a><a href="http://twitter.com/yourusername" id="twitter">[your name] on Twitter</a><a href="Your RSS Feed URL" id="rss">[your] RSS Feed</a><a href="mailto:youraddress@whatever.com" id="email">[your] Email</a></div>
<?php
}
add_action('thesis_hook_after_html','social_iconz');
|
Place the following code into your custom.css:
1 2 3 4 5 6 7 8 9 10 11 |
/* floating left social icons */
.custom #feedback { background: transparent; width: 3.2em; position: fixed; top: 40%; left: 0.25%; }
.custom #feedback a { display: block; text-indent: -9999px; height: 32px; outline: none; }
.custom #feedback #facebook { background: url('http://cyberhawkdesigns.com/wp-content/downloads/images/facebookicon.png') no-repeat 0 -32px; }
.custom #feedback #facebook:hover { background-position: 0 0; }
.custom #feedback #twitter { background: url('http://cyberhawkdesigns.com/wp-content/downloads/images/twittericon.png') no-repeat 0 -32px; }
.custom #feedback #twitter:hover { background-position: 0 0; }
.custom #feedback #rss { background: url('http://cyberhawkdesigns.com/wp-content/downloads/images/rssicon.png') no-repeat 0 -32px; }
.custom #feedback #rss:hover { background-position: 0 0; }
.custom #feedback #email { background: url('http://cyberhawkdesigns.com/wp-content/downloads/images/emailicon.png') no-repeat 0 -32px; }
.custom #feedback #email:hover { background-position: 0 0; }
|
If you want to host the social icon images yourself, download the zip here: DOWNLOAD
If you've created a WordPress theme using Artisteer 3.0 and would like to know how to get widget areas in your header, follow the instructions below and with any luck, you'll be styling and smiling.
First download this file: DOWNLOAD (headerwidgets.zip)
The .zip contains three PHP files (sidebar-bannerleft, sidebar-bannercenter, and sidebar-bannerright)
Uncompress headerwidgets.zip and upload all three files to your theme's root.
Website Design | Header Design | Logo Design | Graphic Design | Business Card Design | Picture Restoration
Copyright © 2013, Cyberhawk Designs. All Rights Reserved.