WebArtz - The Web Design Forum
Welcome to WebArtz, Guest!

WebArtz is a nice place for discussions related to web designing and coding. We help our members to code their own website templates with HTML and CSS. We give them advice on various issues.

To know more about WebArtz Forum, visit the About Us page.

At the moment, you are viewing the forum as a guest. As a guest you can't make post and participate in discussions. You need to register and become a member of the forum. Click the register link below and become a part of this forum.

Thank You


You are not connected. Please login or register

View previous topic View next topic Go down  Message [Page 1 of 1]

1 Pop-up like facebook on Mon Dec 06, 2010 9:59 pm

#Spacca

avatar
Registered Member
Registered Member
I found this:
http://www.sohtanaka.com/web-design/inline-modal-window-w-css-and-jquery/

but i didn't understand where to put this:
Code:
<a href="#?w=500" rel="popup_name" class="poplight">Learn More</a>

and this:
Code:
<div id="popup_name" class="popup_block">
    <h2>Turtle Power</h2>
    <p>I <3 Turtles.</p>
</div>

2 Re: Pop-up like facebook on Mon Dec 06, 2010 11:11 pm

ankillien

avatar
Administrator
Administrator
Hi,

You need to put those HTML codes in the page where you want that effect to appear.

3 Re: Pop-up like facebook on Tue Dec 07, 2010 11:27 pm

#Spacca

avatar
Registered Member
Registered Member
where?

4 Re: Pop-up like facebook on Tue Dec 07, 2010 11:58 pm

ankillien

avatar
Administrator
Administrator
You can add them inside body tags. Do you know HTML?

5 Re: Pop-up like facebook on Wed Dec 08, 2010 12:00 am

#Spacca

avatar
Registered Member
Registered Member
so so!
because it don't go!

i see only the title and the text like text

6 Re: Pop-up like facebook on Wed Dec 08, 2010 12:05 am

ankillien

avatar
Administrator
Administrator
Well, you can add the HTML codes in index_body template, anywhere in that template. And the javascript in overall_header template before </head> tag. Add the CSS in admin cp > display > colors> css

Thats it.

7 Re: Pop-up like facebook on Wed Dec 08, 2010 12:14 am

#Spacca

avatar
Registered Member
Registered Member
this where?
Code:
<a href="#?w=500" rel="popup_name" class="poplight">Learn More</a>

and this?
Code:
<div id="popup_name" class="popup_block">
    <h2>Turtle Power</h2>
    <p>I <3 Turtles.</p>
</div>

8 Re: Pop-up like facebook on Wed Dec 08, 2010 12:19 am

ankillien

avatar
Administrator
Administrator
In the index_body template, add those codes after {JAVASCRIPT}.

9 Re: Pop-up like facebook on Wed Dec 08, 2010 12:23 am

#Spacca

avatar
Registered Member
Registered Member
every code?

10 Re: Pop-up like facebook on Wed Dec 08, 2010 12:27 am

ankillien

avatar
Administrator
Administrator
No, only those two codes you posted above.

11 Re: Pop-up like facebook on Wed Dec 08, 2010 3:00 am

#Spacca

avatar
Registered Member
Registered Member
they don't go
i see only text...

12 Re: Pop-up like facebook on Wed Dec 08, 2010 10:44 am

ankillien

avatar
Administrator
Administrator
Have you added the javascrips?

13 Re: Pop-up like facebook on Wed Dec 08, 2010 5:03 pm

#Spacca

avatar
Registered Member
Registered Member
yes

14 Re: Pop-up like facebook on Wed Dec 08, 2010 6:59 pm

ankillien

avatar
Administrator
Administrator
If you have added it correctly then it should work.

15 Re: Pop-up like facebook on Wed Dec 08, 2010 7:45 pm

#Spacca

avatar
Registered Member
Registered Member
but i see only links
and if i put the codes in the header message?
like:
Code:
<script type="css/text">TEXT</script>
JAVA and other codes here?

16 Re: Pop-up like facebook on Wed Dec 08, 2010 8:01 pm

ankillien

avatar
Administrator
Administrator
Not in the header message, inside the <head></head> tags. The head tags are found in overall_header template.

17 Re: Pop-up like facebook on Wed Dec 08, 2010 9:18 pm

#Spacca

avatar
Registered Member
Registered Member
i'll try it

Sponsored content


View previous topic View next topic Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum