Adding a side tap/label to the template

Discussion in 'CSS' started by eddiemoth, Dec 29, 2011.

0
  1. #1
    I was told that this is a CSS code. I have been searching on how to code to add a black side tab or label (please see the picture - the black Live Chat tab) to my site. Would you share if you know how? Thank you very much.

    advert.jpg
     
    eddiemoth, Dec 29, 2011 IP
  2. JMDomains

    JMDomains Well-Known Member

    Messages:
    775
    Likes Received:
    15
    Best Answers:
    1
    Trophy Points:
    175
    #2
    Hi,

    What would you like the tab to say? and where will it link to?

    John
     
    JMDomains, Dec 29, 2011 IP
  3. Inna

    Inna Peon

    Messages:
    16
    Likes Received:
    1
    Best Answers:
    1
    Trophy Points:
    0
    #3
    That black side tab can be made as image absolutely positioned relative to body like the black div in my example below:
    
<head>
<style type="text/css">
.black {
    display:block;
    width:30px;
    height:100px;
    position:absolute;
    top:100px;
    right:0;
    background:#000;
    text-indent:-999999px;
}
</style>
</head>
<body>
    <div class="black">Press me button</div>
</body>
    HTML:
     
    Inna, Jan 5, 2012 IP