The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Sample Page tab invisable except when I mouse over, Sample page tab Invisable
Mr.Paul
post Aug 12 2011, 10:59 AM
Post #1





Group: Members
Posts: 3
Joined: 12-August 11
Member No.: 15,158



I am a newby. I am using a Wordpress theme. "Sample Page" tab is invisible. When you mouse over it the words "Sample Page" shows up.

How do I fix this?

I do know how to add code and have searched through the html to change words that I did not like. That is all I can do with html. I think I can fix this problem if I knew what to do and where. I tried to find the answer to this in html tutorials without success.

My blog is here http://www.yourmlmmarketingadvisor.com The "Sample Page" tab is located in the upper left portion of the blog just above and to the left of the word Successful

Please help if you can. I've been through hundreds of themes and this is the only one I've liked. I don't want to change it....

Thanks Tons.....
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Aug 12 2011, 01:46 PM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,445
Joined: 9-August 06
Member No.: 6



You mean when you select the text, right? Because that's how it is for me. It's just a matter of the color of the text. You need to style it in a color that contrasts against the background. It wouldn't hurt if it was larger either.

If you increase the text size in the browser you'll see the text is there all along. Or if you take a screen cap of that part of the page and enlarge the image you can also see it's there. It just so happens that the black (or dark gray, whatever) tiny letters are right above a set of darker dots in the background
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
joyful
post Aug 12 2011, 01:58 PM
Post #3


Advanced Member
****

Group: Members
Posts: 239
Joined: 15-November 10
Member No.: 13,147



Hey!

If you want the words "text" and "Sample Page" to appear as "tabs"... you could add some CSS like this to your <head>:
CODE

<style type='text/css'>

.menu{
padding-left: 19px;
}

.menu ul li{
float: left;
width: auto;
background-color: green; /* Add whatever background color you want */
padding: 10px;
margin-left: 6px;
}

.menu ul li:hover{
background-color: #CCC; /* Add whatever background color you want when the mouse hovers over the tab */
}

</style>

You get the idea... Also, if you do it like this... You may want to clear the floats:
CODE

<div class="menu">
<ul>
<li class="page_item page-item-2"><a href="http://yourmlmmarketingadvisor.com/sample-page/" title="Sample Page">Sample Page</a></li>
<li class="page_item page-item-4"><a href="http://yourmlmmarketingadvisor.com/test/" title="Test">Test</a></li>
</ul>
<div style="clear: both"></div>
</div>

This will remove the white space under the floating divs...

I have not tested this code... I hope this helpful! biggrin.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Mr.Paul
post Aug 12 2011, 03:59 PM
Post #4





Group: Members
Posts: 3
Joined: 12-August 11
Member No.: 15,158



There is nothing there that can be seen. When you bring the mouse curser over the area "Sample Page" comes up.

I don't know html well enough to do what Joyful suggested. I'd love to try but I'd need a little more instruction.

Thanks to you two.....
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
joyful
post Aug 12 2011, 04:59 PM
Post #5


Advanced Member
****

Group: Members
Posts: 239
Joined: 15-November 10
Member No.: 13,147



Ok, after adding the CSS that I suggested, and clearing the now floating divs, your page should look like this:

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Your MLM Marketing Advisor  </title>

<meta name="generator" content="WordPress 3.2.1" /> <!-- leave this for stats -->

<link rel="stylesheet" href="http://yourmlmmarketingadvisor.com/wp-content/themes/RedTweet/style.css" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="Your MLM Marketing Advisor RSS Feed" href="http://yourmlmmarketingadvisor.com/feed/" />
<link rel="pingback" href="http://yourmlmmarketingadvisor.com/xmlrpc.php" />
    <!--[if lte IE 7]><style media="screen,projection" type="text/css">@import "http://yourmlmmarketingadvisor.com/wp-content/themes/RedTweet/style-ie.css";</style><![endif]-->

    <!--[if IE 6]>
        <script type="text/javascript" src="http://yourmlmmarketingadvisor.com/wp-content/themes/RedTweet/js/DD_belatedPNG_0.0.7a-min.js"></script>
        <script type="text/javascript">
          DD_belatedPNG.fix('.body_end, .body_top, .post-top .post_comments, #sidebar_social img');
        </script>
    <![endif]-->
    <script type="text/javascript" src="http://yourmlmmarketingadvisor.com/wp-content/themes/RedTweet/js/jquery.min.1.2.6.js"></script>
    <script type="text/javascript" src="http://yourmlmmarketingadvisor.com/wp-content/themes/RedTweet/js/jqueryslidemenu/jqueryslidemenu.js"></script>
    <!-- /Main Menu -->
    <script type="text/javascript" src="http://yourmlmmarketingadvisor.com/wp-content/themes/RedTweet/js/carousel/stepcarousel.js"></script>
    <script type="text/javascript" src="http://yourmlmmarketingadvisor.com/wp-content/themes/RedTweet/js/tabs/tabcontent.js"></script>

<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://yourmlmmarketingadvisor.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://yourmlmmarketingadvisor.com/wp-includes/wlwmanifest.xml" />
<link rel='index' title='Your MLM Marketing Advisor' href='http://yourmlmmarketingadvisor.com/' />
<meta name="generator" content="WordPress 3.2.1" />
    <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style>

<!-- This is the new CSS -->

<style type='text/css'>

.menu{
padding-left: 19px;
}

.menu ul li{
float: left;
width: auto;
background-color: green; /* Add whatever background color you want */
padding: 10px;
margin-left: 6px;
}

.menu ul li:hover{
background-color: #CCC; /* Add whatever background color you want when the mouse hovers over the tab */
}

</style>

</head>

<body class="home blog">
<div id="page">

<div id="header">
    <div id="logo">
        <a href="http://yourmlmmarketingadvisor.com/">Your MLM Marketing Advisor</a>

    </div>
</div>

<div class="menu">
<ul>
<li class="page_item page-item-4"><a href="http://yourmlmmarketingadvisor.com/test/" title="Test">Test</a></li>
<li class="page_item page-item-2"><a href="http://yourmlmmarketingadvisor.com/test/sample-page/" title="Sample Page">Sample Page</a></li></ul>
<!-- This is where you clear the now floating divs: -->
<div style="clear: both"></div>
</div>

<div class="body">
<div class="body_top">
<div class="body_end"><script type="text/javascript">

stepcarousel.setup({
    galleryid: 'board_carusel', //id of carousel DIV
    beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
    panelclass: 'board_item', //class of panel DIVs each holding content
    autostep: {enable:true, moveby:1, pause:7000},
    panelbehavior: {speed:500, wraparound:false, persist:false},
    defaultbuttons: {enable: false, moveby: 1, leftnav: ['http://i34.tinypic.com/317e0s5.gif', -5, 80], rightnav: ['http://i38.tinypic.com/33o7di8.gif', -20, 80]},
    statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
    contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
})

</script>

    <div id="content" class="narrowcolumn">
    
    <div id="board">
        <div id="board_items">

            <div id="board_body">
                <h2>Successful MLM Marketing Ideas </h2>
                <div id="board_carusel">
                    <div class="belt">
                                        </div>
                </div>
            </div>
            <ul id="board_carusel_nav">

                        </ul>
        </div>
    </div>

    <div id="post_container">
        <div id="irecent_post">
            <div id="irecent_post_left">
                <h2>Recent posts</h2>
                                        
                                    <div class="irecent_post" id="irecent_post-26">

                        <div class="irecent_post_title">
                            <h3><a href="http://yourmlmmarketingadvisor.com/2011/08/12/26/" rel="bookmark" title="Permanent Link to Monavie Review – An Expert Opinion From a Network Marketer">Monavie Review – An Expert Opinion From a Network Marketer</a></h3>
                            <div class="info">Posted by <b class="author">PaulPoole</b> at 6:45 pm on August 12 2011</div>
                            
                        </div>
                    
                        <div class="irecent_post_entry">
                            &nbsp;

&nbsp;
&nbsp;
&nbsp;
&nbsp;
&nbsp;
Monavie Review – An Expert Opinion From a Network Marketer | News …
If you’ve done your own research on the statistics of the income that has been generated by Monavie reps, you will see that they are some of the most compelling in the network marketing arena. But, the main thing that you need to ask yourself is … In order to build an MLM...                        </div>
                    </div>
                                                        <div class="irecent_post" id="irecent_post-11">
                        <div class="irecent_post_title">

                            <h3><a href="http://yourmlmmarketingadvisor.com/2011/08/12/using-affiliate-marketing-to-build-your-mlm-business/" rel="bookmark" title="Permanent Link to Using Affiliate Marketing To Build Your MLM Business">Using Affiliate Marketing To Build Your MLM Business</a></h3>
                            <div class="info">Posted by <b class="author">PaulPoole</b> at 4:32 am on August 12 2011</div>
                            
                        </div>
                    
                        <div class="irecent_post_entry">
                            People involved in MLM or network marketing know that the old techniques such as cold calling, making lists of warm contacts, late night meetings, distributing flyers and business cards no longer give positive and profitable results. Besides, people interested by internet marketing in the past, maybe know how effective affiliate marketing can be. Lately, people start focusing on the knockout power...                        </div>
                    </div>

                                                
                            </div>
            <div id="irecent_post_right">
            
                <div id="irecent_post_tabs">
                    <ul id="irecent_post_tabs_links">
                        <li><a href="#" rel="irecent_post_tabs_item_rated" class="selected">Top <span>Rated</span></a></li>
                        <li><a href="#" rel="irecent_post_tabs_item_commented">Most <span>Commented</span></a></li>
                        <li class="last"><a href="#" rel="irecent_post_tabs_item_viewed">Most <span>Viewed</span></a></li>

                    </ul>
                    <ul class="irecent_post_tabs_item" id="irecent_post_tabs_item_rated">
                    
                     </ul>
                    <ul class="irecent_post_tabs_item" id="irecent_post_tabs_item_commented">
                        <li><a href="http://yourmlmmarketingadvisor.com/test/sample-page/" title="Sample Page">Sample Page</a> (0)<p>This is an example page. It's different from a blog post because it will...</p></li><li><a href="http://yourmlmmarketingadvisor.com/test/" title="Test">Test</a> (0)<p>dld llrle bbboff


[caption id="" align="alignright" width="161" caption="Image...</p></li><li><a href="http://yourmlmmarketingadvisor.com/2011/08/12/using-affiliate-marketing-to-build-your-mlm-business/" title="Using Affiliate Marketing To Build Your MLM Business">Using Affiliate Marketing To Build Your MLM Business</a> (0)<p>People involved in MLM or network marketing know that the old techniques...</p></li><li><a href="http://yourmlmmarketingadvisor.com/2011/08/12/26/" title="Monavie Review – An Expert Opinion From a Network Marketer ">Monavie Review – An Expert Opinion From a Network Marketer </a> (0)<p>&nbsp;

&nbsp;

&nbsp;

&nbsp;

&nbsp;

&nbsp;
Monavie Review...</p></li>                    </ul>
                    <ul class="irecent_post_tabs_item" id="irecent_post_tabs_item_viewed">
                                        </ul>

            
                    <script type="text/javascript">
                
                    var irecent_post_tabs=new ddtabcontent("irecent_post_tabs")
                    irecent_post_tabs.setpersist(true)
                    irecent_post_tabs.setselectedClassTarget("link")
                    irecent_post_tabs.init()
                    
                    </script>
                </div>
                
                                            </div>
        </div>
    </div>

    </div>
        <div id="sidebar">
        <div id="sidebar_twitter">

                        <h2><a href="http://www.twitter.com/polarisgold">Follow us on twitter</a></h2>
            <ul id="twitter_update_list"><li>&nbsp;</li></ul>
        </div>
        <div id="sidebar_search">
            <form method="get" action="http://yourmlmmarketingadvisor.com/">
                <div>
                    <input type="text" value="Type your search here..." name="s" id="sidebar_search_val" onclick="this.value='';" />
                    <input type="image" src="http://yourmlmmarketingadvisor.com/wp-content/themes/RedTweet/images/button_go.gif" id="sidebar_search_sub" />

                </div>
            </form>
        </div>
        <div id="sidebar_social">
            <ul>
                                <li><a href="http://www.stumbleupon.com/stumbler/mrpaulpoole/"><img src="http://yourmlmmarketingadvisor.com/wp-content/themes/RedTweet/images/button_stuble.png" alt="stuble" /></a></li>
                                <li><a href="http://yourmlmmarketingadvisor.com/feed/"><img src="http://yourmlmmarketingadvisor.com/wp-content/themes/RedTweet/images/button_rss.png" alt="rss" /></a></li>
                                <li><a href="http://www.facebook.com/profile.php?id=1030186287"><img src="http://yourmlmmarketingadvisor.com/wp-content/themes/RedTweet/images/button_facebook.png" alt="facebook" /></a></li>
                                                <li><a href="http://digg.com/"><img src="http://yourmlmmarketingadvisor.com/wp-content/themes/RedTweet/images/button_digg.png" alt="digg" /></a></li>

                                                <li><a href="http://www.flickr.com/photos/myg38/"><img src="http://yourmlmmarketingadvisor.com/wp-content/themes/RedTweet/images/button_flickr.png" alt="flickr" /></a></li>
                            </ul>
        </div>
        <div id="sidebar_ads">
            <div id="sidebar_ads_body"><div><a href="http://pwp.socialmediaautomation.com/" title="TwitAdOnBlog"><img src="http://s01.mlspcdn.net/data/banners/MLM.Banner-9-125x125.gif" alt="TwitAdOnBlog" /></a></div><div><a href="http://pwp.famousin60days.com/" title="FreeFBTrainingOnRedTweet"><img src="http://s01.mlspcdn.net/data/banners/MLM.Banner-8-125x125.gif" alt="FreeFBTrainingOnRedTweet" /></a></div></div>
        </div>
        <div id="sidebar_left" class="sidebar_widgets">
            <ul>
                
                
                <li class="widget_categories">

                    <h2 class="widgettitle">Category</h2>
                    <ul>
                            <li class="cat-item cat-item-1"><a href="http://yourmlmmarketingadvisor.com/category/uncategorized/" title="View all posts filed under Uncategorized">Uncategorized</a> (2)
</li>
                    </ul>
                </li>    
                
                <li class="widget_recent_entries">
                    <h2 class="widgettitle">recent posts</h2>

                        <ul>
                <li ><a href="http://yourmlmmarketingadvisor.com/2011/08/12/26/">Monavie Review – An Expert Opinion From a Network Marketer </a></li>
                    <li class="last"><a href="http://yourmlmmarketingadvisor.com/2011/08/12/using-affiliate-marketing-to-build-your-mlm-business/">Using Affiliate Marketing To Build Your MLM Business</a></li>
            </ul>
                    </li>
                
                        </ul>
        </div>
        <div id="sidebar_right" class="sidebar_widgets">

            <ul>
                    
    
                <li class="widget_archives">
                    <h2 class="widgettitle">Archives</h2>
                    <ul>
                        <li><a href='http://yourmlmmarketingadvisor.com/2011/08/' title='August 2011'>August 2011</a></li>
                    </ul>
                </li>
    
                <li class="widget_links">

                    <h2 class="widgettitle">Partner Links</h2>
                    <ul>
                    <li><a href="http://codex.wordpress.org/">Documentation</a></li>
<li><a href="http://wordpress.org/extend/plugins/">Plugins</a></li>
<li><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li>
<li><a href="http://wordpress.org/support/">Support Forum</a></li>
<li><a href="http://wordpress.org/extend/themes/">Themes</a></li>
<li><a href="http://wordpress.org/news/">WordPress Blog</a></li>

<li><a href="http://planet.wordpress.org/">WordPress Planet</a></li>
                    </ul>
                </li>
                
                        </ul>
        </div>
    </div>

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=160318037378074&amp;xfbml=1"></script><fb:like href="www.yourmlmmarketingadvisor.com" send="true" width="445" show_faces="true" action="like" font=""></fb:like></div>
</div>
</div>


    <div id="footer">
        
        <div id="footer_info">
            <p>&copy; All Rights Reserved. <strong>Your MLM Marketing Advisor</strong><br />
            <a href="http://www.skinpress.com/">Free Wordpress Themes</a> by <a href="http://www.highervisibility.com/">Highervisibility.com</a></p>

            
        </div>
    </div>

            <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
    <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/polarisgold.json?callback=twitterCallback2&amp;count=1"></script>
    
</div>
</body>
</html>
<iframe src="http://www.facebook.com/plugins/facepile.php?href=www.yourmlmmarketingadvisor.com&amp;size=large&amp;width=200&amp;max_rows=1&amp;colorscheme=light" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px;" allowTransparency="true"></iframe>


Please note changes (With comments above them)

As I said, I have not tested this HTML/CSS... However this should work... Please respond with any questions...

--

This post has been edited by joyful: Aug 12 2011, 05:09 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
joyful
post Aug 12 2011, 05:12 PM
Post #6


Advanced Member
****

Group: Members
Posts: 239
Joined: 15-November 10
Member No.: 13,147



Also, why do you have a iframe at the bottom outside of the <body> and <html>??

Are you trying to position this iframe (facebook like button) at the bottom of the white area?

This post has been edited by joyful: Aug 12 2011, 05:14 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Mr.Paul
post Aug 12 2011, 07:53 PM
Post #7





Group: Members
Posts: 3
Joined: 12-August 11
Member No.: 15,158



Where should I put all this code you did for me?

I'd love to learn html/css but it bothers me. It would be nice to know enough to fix problems like I have however.

I really wanted the like button at the top of one of the columns.....unless you think it would be better somewhere else.


Did you check out my site so you can see what its doing with the Sample Page?? Something new that my site is doing is when you click on one of the articles to read the rest I get a 404 page!!

Look up at the top left part of the blog for the word Successful and mouse over the far left top of the box that word is in. Maybe it only does it in admin mode?

yourmlmmarketingadvisor.com

Thanks again for your help.....sorry to be so needy...
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
joyful
post Aug 12 2011, 09:12 PM
Post #8


Advanced Member
****

Group: Members
Posts: 239
Joined: 15-November 10
Member No.: 13,147



What are you using to edit/make the site? Some kind of 3rd party program? Dreamweaver? Or a text editor? Can you access the full HTML of the page? If so, just replace the full HTML of the home page (index) with the code I gave you above... That will add the two tabs (Test and Sample Page)...

As for the links... I see that they are giving 404 errors... What pages are you trying to link to?

Don't worry! You are not needy... You just want to learn more... blush.gif

--
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Aug 13 2011, 12:56 AM
Post #9


WDG Member
********

Group: Root Admin
Posts: 8,317
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



Please see the FAQ entries Where can I learn about HTML? and Where can I learn about CSS?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Aug 13 2011, 03:16 AM
Post #10


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



The OP seems to be using WordPress. I don't know if you can directly access the page source in WordPress to edit it.

The two test links are done with an unstyled unordered list (<ul>). Have a look at Listamatic for samples on the HTML code and CSS styling of lists.

Your page already uses an exernal stylesheet (style.css), so that's where you should put any styling you want to add.

As for the 404 errors, the links point to directories (eg. http://yourmlmmarketingadvisor.com/test/). The server will then look for an index.html file in that folder, but there is no such file there.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
raydin
post Aug 13 2011, 12:20 PM
Post #11


Newbie
*

Group: Members
Posts: 15
Joined: 13-August 11
Member No.: 15,164



You can edit by going to Appearances ----> editor.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 6th December 2019 - 02:39 AM