Jump to content

Any Idea On How To Do This?

Recommended Posts


The attached file shows how my site should look like. I'm almos there, but I still have some questions.

My site can be found here: http://www.cursoer.com/site/
As you can see I need to put those flags right between the nav and the highlights section. Each flag is a link to a different site.
Secondly, I need to reduce the space between the blog content and the morefoot section.
Last, but not least, it would be cool if I could put the logo on the same line as the nav, where the logo would be left aligned and the menu right aligned.


How can I do it?



Share this post

Link to post
Share on other sites
James B

Hi there,


I would advise you to check out the hooker plugin, which will allow you to insert some html into one of the hooks in the header so that the flags and the links go into the correct area. You can find out more about hooker here http://www.pagelines.com/store/plugins/hooker/ and a list of the pagelines hooks - http://api.pagelines.com/hooks


Both the alignment of the logo and the reduction of the padding between the sections can be done with css. If you've not used css before please check out http://www.pagelines.com/wiki/Custom_CSS for an overview. You'll need either Firebug or chrome dev tools for editing the css which you can paste back into Pagelines>site options>custom code.


Hope this helps

Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post

Link to post
Share on other sites

James is, as always, correct about Hooker.


If you check this particular post, you'll see an example of the way to place the flags to the right side of the branding image:



You can also apply the images into that same hook with CSS associated with each flag.  You'd make a URL, associate it with a unique class, then using CSS, apply the flag (semi-transparent) as a background, and full color image when on hover or active.   This can also be achieved with image opacity, but some browsers still don't work with it:  http://www.w3schools.com/css/css_image_transparency.asp


Sprites would work as well as in the example provided here:


Former PageLines Moderator, Food Expert and Raconteur

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now