SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Wizard DoubleDee's Avatar
    Join Date
    Aug 2010
    Location
    Arizona
    Posts
    3,934
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    Help Naming/Styling link to Inbox

    In my Page Header, I just added a new link to the user's Message Inbox like this...

    Code:
    Hello, Debbie!		6 New Msgs | My Account | Help | Log Out
    I could use some advice on...

    1.) What to call the link to draw the User's attention to it, so they can see when they have new messages

    2.) How to style it (e.g. standard blue hyperlink, maybe red, bold, etc)

    Thanks,


    Debbie

  2. #2
    SitePoint Wizard DoubleDee's Avatar
    Join Date
    Aug 2010
    Location
    Arizona
    Posts
    3,934
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    On a related note, how do I get the star - in the screenshot below - to move to the left of the link 6 New Msgs??

    Attachment 59931


    Here is the code I have so far...
    PHP Code:
        $newMessageCount getNewMessageCount($dbc$sessMemberID);
                
        if (
    $newMessageCount 0){
            
    // New Messages.
            
    $inboxMessage "$newMessageCount New Msgs";
        }else{
            
    // No New Messages.
            
    $inboxMessage "Inbox";
        }

        
    // Display Member Hot Links.
        
    echo "<ul id='accountMenu'>
                <li id='inboxLink'>
                    <img src='/images/Star_Red_20x20.png' width='20' alt='' />
                    <a href='/account/messages.php?msgview=incoming'>
    $inboxMessage</a>
                </li>
                <li><a href='/account/my_account.php'>My Account</a></li>
                <li><a href='#'>Help</a></li>
                <li id='last'><a href='/account/log_out.php'>Log Out</a></li>
            </ul>"


    And here are my Styles...
    Code CSS:
    /* ACCOUNT MENU Styles */
    #accountMenu{
    	float: right;
    	margin: 32px 0 0 0;
    	list-style: none;
    }
     
    #accountMenu li{
    	float: left;
    }
     
    #accountMenu a{
    	float: left;
    	padding: 0 0.5em;
    	font-size: 0.8em;
    	line-height: 1.4em;
    	border-right: 1px solid #AAA;
    }
     
    #accountMenu li#inboxLink img{
    	display: inline;
    }
     
    #accountMenu li#inboxLink a{
    	text-decoration: none;
    	color: #F00;
    }
     
    #accountMenu #last a{
    	border: 0;
    }

    Thanks,


    Debbie


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •