How do you make a code 'Static'?

8 replies
  • WEB DESIGN
  • |
Hey guys,

if anybody can help me with this - that'd be great. I could make a simple widget with css to redirect visitors to facebook,twitter and rss pages. But unfortunately I don't know how to make it static like the feedback buttons on other sites. Even I have placed a feedback button with a simple html code here, but it didn't work with the css widget. The problem is when some one scroll the page down, this widget is also scrolling down. Can anybody help me to make it static there? It's one of my newly purchased websites. I was trying to make it look a little better.

Platform - wp. The current position of the code is in the header.
#code #make #tatic
  • Profile picture of the author Daniel Rickfold
    can you show us example of what you mean ?
    Signature

    Be The Change You Want To See In The World

    {{ DiscussionBoard.errors[2311393].message }}
  • Profile picture of the author ~kev~
    Originally Posted by MervikHaums View Post

    Hey guys,

    if anybody can help me with this - that'd be great. I could make a simple widget with css to redirect visitors to facebook,twitter and rss pages.
    If this is a linux server, you could use the .htaccess file to redirect visitors to other pages.

    If its a temporary redirect, use the 302 redirect

    If its a permanent redirect, use the 301 redirect.
    {{ DiscussionBoard.errors[2311647].message }}
    • Profile picture of the author MervikHaums
      Originally Posted by antipot View Post

      can you show us example of what you mean ?
      See it here at the left side. Also at the right side you can see a static feedback button too.
      Code:
      http://www.pressreleasecentre.com
      Originally Posted by ~kev~ View Post

      If this is a linux server, you could use the .htaccess file to redirect visitors to other pages.

      If its a temporary redirect, use the 302 redirect

      If its a permanent redirect, use the 301 redirect.
      my friend - you didn't get my point I think.
      Signature
      => Ecommerce? Shopify?
      FB Ads? Check This 3 Minutes Video!
      <=
      {{ DiscussionBoard.errors[2312382].message }}
  • Profile picture of the author Daniel Rickfold
    Find
    Code:
            </div></div><div class="side-widget"><div class="widget-content">            <div class="textwidget"><a style="display:scroll;position:fixed;bottom:310px;right:0px;" class="feedback" href="http://www.pressreleasecentre.com/contact/" title="Send Feedback"><img src="http://www.pressreleasecentre.com/images/Feed-back.jpg" alt="Feedback-Button" /></a>
    replace the display:scroll to
    Code:
    display:block
    and it will probably make it static
    Signature

    Be The Change You Want To See In The World

    {{ DiscussionBoard.errors[2315290].message }}
    • Profile picture of the author MervikHaums
      Originally Posted by antipot View Post

      Find
      Code:
              </div></div><div class="side-widget"><div class="widget-content">            <div class="textwidget"><a style="display:scroll;position:fixed;bottom:310px;right:0px;" class="feedback" href="http://www.pressreleasecentre.com/contact/" title="Send Feedback"><img src="http://www.pressreleasecentre.com/images/Feed-back.jpg" alt="Feedback-Button" /></a>
      replace the display:scroll to
      Code:
      display:block
      and it will probably make it static
      Hello friend,

      thanks for your reply. But the feedback button is working perfectly. I was asking help for the left widget.. Any idea on that?
      Signature
      => Ecommerce? Shopify?
      FB Ads? Check This 3 Minutes Video!
      <=
      {{ DiscussionBoard.errors[2317049].message }}
  • Add the following (code in red) to your "styleleft.css" file:

    Code:
    ul#css3menuleft,ul#css3menuleft ul{
    	position:fixed !important;margin:0;list-style:none;background-color:#424542;border-width:2px;border-style:solid;border-color:#FFF;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;}
    {{ DiscussionBoard.errors[2317556].message }}
    • Profile picture of the author MervikHaums
      Originally Posted by Chris Landrum View Post

      Add the following (code in red) to your "styleleft.css" file:

      Code:
      ul#css3menuleft,ul#css3menuleft ul{
      	position:fixed !important;margin:0;list-style:none;background-color:#424542;border-width:2px;border-style:solid;border-color:#FFF;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px;}
      didn't work friend
      Signature
      => Ecommerce? Shopify?
      FB Ads? Check This 3 Minutes Video!
      <=
      {{ DiscussionBoard.errors[2328577].message }}
      • Profile picture of the author nmarley
        It's hard to say without looking at the code on your site.

        My suggestion is to get use Firefox with the Firebug extension, then visit the example site you posted above. Right click on one of the static elements (the Twitter button for example) and then click "Inspect Element". That will allow you to see all the CSS styles applied to the specific element (any element!).

        You can also edit the page view with Firebug as well, of course it's not a permanent change, but it's great for debugging and such.

        Example: If I don't want to see the "War Room" corner image below, I can right-click it, choose "Inspect Element", and then delete the <img> tag from my view, and it goes away.
        {{ DiscussionBoard.errors[2329012].message }}

Trending Topics