Can someone help me with this code?

hi my friends,

I need some help with a code... can someone help me?
Look at the header of this site: http://www.zepirata.com/teste

I want to add the same twitter and rss images in my website but I am with problems doing that...

Heres the code of the above site that I think that is needed:

<style type="text/css">
@import "http://www.zepirata.com/wp-content/themes/mystique/style.css";
</style>

<script type='text/javascript' src='http://www.linksmonster.org/wp-content/themes/WP-MagTheme10-Basic/jquery.js?ver=1.3.2'></script>
<script type='text/javascript' src='http://www.linksmonster.org/wp-content/themes/WP-MagTheme10-Basic/jquery.form.js?ver=2.02m'></script>

<script type='text/javascript' src='http://www.linksmonster.org/wp-content/themes/WP-MagTheme10-Basic/jquery.mystique.min.js?ver=2.8.6'></script>
<div id="header">
<a href="http://www.tugasapo.com/feed/" class="nav-extra rss" title="RSS Feeds"><span>
RSS Feeds</a>
<a href="http://www.twitter.com/tugasapo" class="nav-extra twitter" title="Follow me on Twitter!"><span>
Follow me on Twitter!</a>
    </div>

Code (markup):

This is my site:
http://www.linksmonster.org

And want to put in the same place where I have the links "Home, Contact Us, Favorites", etc...

This is the code that I have:

<div class="sitehead-right">
			<p>Today: <?php echo date('l, F dS, Y'); ?></p>
			<div id="topnav">
				<ul>
					<li class="first"><a href="<?php bloginfo('url'); ?>">Home</a></li>
					<?php wp_list_pages('include=21,17,497&title_li='); ?>
					<li class="rss"><a href="<?php bloginfo('rss2_url'); ?>">RSS</a></li>
				</ul>
			</div>
		</div>
	</div>

Code (markup):

And this is the CSS code that I have put in my style.css:

#header .nav-extra.rss{background:transparent url(images/nav-icons.png) no-repeat right top;right:20px;}
#header a.twitter{background:transparent url(images/nav-icons.png) no-repeat left top;right:85px;}

Code (markup):

So I think that dont need this line anymore:

<style type="text/css">
@import "http://www.zepirata.com/wp-content/themes/mystique/style.css";
</style>

Code (markup):

This was my try:

<div class="sitehead-right">
			<p>Today: <?php echo date('l, F dS, Y'); ?></p>
			<div id="topnav">
            <script type='text/javascript' src='http://www.linksmonster.org/wp-content/themes/WP-MagTheme10-Basic/jquery.js?ver=1.3.2'></script>
<script type='text/javascript' src='http://www.linksmonster.org/wp-content/themes/WP-MagTheme10-Basic/jquery.form.js?ver=2.02m'></script>
<script type='text/javascript' src='http://www.linksmonster.org/wp-content/themes/WP-MagTheme10-Basic/jquery.mystique.min.js?ver=2.8.6'></script>
				<div id="header">
<a href="http://www.tugasapo.com/feed/" class="nav-extra rss" title="RSS Feeds">RSS Feeds</a>
<a href="http://www.twitter.com/tugasapo" class="nav-extra twitter" title="Follow me on Twitter!">Follow me on Twitter!</a>
    </div>
			</div>
		</div>
	</div>

Code (markup):

Result:


But is not working...
Where do I need add the code?
Please, can someone help me?

Thank you!

 

Looks like you changed ur site design already so its hard to give you answers. Try using a negative top margin and z-index attributes for positioning, or even position:absolute might work better.

 

hi drawer, thank you for your reply!
sorry... here is the site with the change that I made: http://www.linksmonster.org
can you help me?
Im very newbie with html and css...

 

have u tried it to place bottom??

btwn..very nice & clear site

 

nop... didnt try, because I want to put in header.

P.S. Thank you

 

Seems that other site might use jquery or some type of scripting for it to work right... not just CSS. You should try something else for now until you get better at stealing scripts and stuff

 

the only problem that you are facing is , the positions and top and left values
cross check them

 

I have the same script...

thank you blaaze, I checked the CSS of the other site and notice that I forgot this line:

#header .nav-extra{width:64px;height:36px;display:block;position:absolute;bottom:18px;z-index:10;}

Code (markup):

But doesnt appear fine yet... please take a look:
http://www.linksmonster.org

Any suggestion about the values?

 

have you try to position it to absolute and give it x and y value?

 

I have this:

#header .nav-extra{width:64px;height:36px;display:block;position:absolute;bottom:18px;z-index:10;}

Code (markup):

what do I need to change?