Hall of Fame

[Lunar]

Hey,

How do I, with a sweet responsive design, create a small textbox which can be closed(with an X at the top right corner) containing a short welcome message in the style of "welcome to x, here you can find x and x, thank you". It would also be quite good for SEO purposes to have more text corresponding with META-desc. etc.

Thank you.

[PHPVibe A.]

Hi, tpl/main/home.php under

Code Select Expand

<div id="home-content" class="main-holder pad-holder span8 top10">

add your html, ex:

Code Select Expand

<div id="mywelcome" class="row-fluid" style="display:block; position:relative;">
Welcome to x, here you can find x and x, thank you
<span class="close-welcome"></span>
</div>

Css: (vibe.style.css for example):

Code Select Expand

.close-welcome {
background: url(../images/close_button.gif) no-repeat left top;
position: absolute;
right: 3px;
top: 3px;
z-index: 9999;
color: #666;
line-height: 17px;
cursor: pointer;
width: 17px;
height: 17px;
}

Js (phpvibe_app.js for example)

after:

Code Select Expand

//Kill ad
   $(".close-ad").click(function(){
 	$(this).closest(".adx").hide();
  });

add:

Code Select Expand

//Kill welcome
   $(".close-welcome").click(function(){
 	$(this).closest("#mywelcome").hide();
  });

[Lunar]

Excellent, worked like a charm.

Also, tried the new player and did indeed like it. Will post in separate thread for that tho.