Jump to content
Sign in to follow this  
isaia

boxe link

Recommended Posts

Rob
Have you tried adding a Highlight Section to your template, where you want it to appear?

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
isaia
but I try not to make a box like the site http://www.pagelines.com/tour/ Highlight'm not doing this

Share this post


Link to post
Share on other sites
Rob
It's simply a display block with links, and styled text, box shadow and hover styling. Do you have Firebug for Firefox? http://www.getfirebug.com - this is a plugin for Firefox that will help you identify the elements to change and see how our site developer did that.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
isaia
Yes I have Firebug but I do not know how to insert a link on the box and not to fly over on the picture or text for example the apple site footer: http://www.apple.com/ my test page: http://www.golink.ch/tst

Share this post


Link to post
Share on other sites
catrina
To clarify: Are you trying to insert a link within the box without it overlapping something else?

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
isaia
I try to do the same thing on the Apple website: http://www.apple.com/ I would like the box'm a link with the same effect

Share this post


Link to post
Share on other sites
Danny
Hi, You could add the Content Section to the bottom of the template you wish to use and then simply add basic HTML for a link. Then using Firebug or Google Chrome Web Dev tools, view the CSS from Apple.com and then use it on your content box.

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
isaia
Thank you for your reply but I am not an expert code

Share this post


Link to post
Share on other sites
catrina
This is a good tutorial on how to insert links: http://www.w3schools.com/html/html_links.asp To learn more about how inspection tools can be used to help you create styling customizations, please see this documentation: http://www.pagelines.com/wiki/Custom_CSS#How_to_use_CSS_Inspection_Tools

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
isaia
Super thank you so I find something but I can not. I would like the fbox "Les caract?©ristiques" background changes when the cursor hovers over boxing and name of the text. website: http://golink.ch code: [code]#fbox_9414 a: hover { background: #F3F3F3 url (images/back-gradient.png);}[/code] or [code].fbox_9414 .boxe-media-pad a:hover{ background: #F3F3F3 url(images/back-gradient.png);} [/code]

Share this post


Link to post
Share on other sites
Jenny
[code]#boxes #fbox_9414 .box-media-pad:hover { background: url('images/back-gradient.png') #F3F3F3; }[/code] Make sure it looks right in all browsers. Unfortunately I can't help with cross-browser items.

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
isaia
Thank you it works but how to make the box with the link directly without having to click on the image?? http://golink.ch

Share this post


Link to post
Share on other sites
Simon
http://css-tricks.com/creating-clickable-divs/

Share this post


Link to post
Share on other sites
isaia
thank you but I can add code to my CSS for the box'm a link?? [code]#boxes #fbox_9414 .box-media-pad:hover { background: url('images/back-gradient.png') #F3F3F3; }[/code] Here's code that I insert in my CSS but it does not work [code]#boxes #fbox_9414 .box-media-pad:hover { background: url('images/back-gradient.png') #F3F3F3;
}[/code]

Share this post


Link to post
Share on other sites
catrina
You do not add this snippet of code in the Custom CSS box (since it isn't CSS code): [code]
[/code] If you take it out, the CSS should work. I think you need to add it to where you want the link. What exactly is it supposed to do, though?

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
isaia
I want my box "features" become a link and name the image of the box my site: http://www.golink.ch/ example box below: http://www.apple.com/

Share this post


Link to post
Share on other sites
catrina
Sorry for misunderstanding, but to clarify: do you want the entire box area to be a link? Also, by "name the image of the box" do you mean that you want the box to include a small image displayed like the ones located in the boxes in Apple.com's bottom boxes?

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
catrina
Ah, okay. Well, on Apple.com, the entire box is an image, so you'll need to generate entire images including the text and the small image you want to include below the text. Do you have Photoshop?

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
isaia
No I is not photoshop, but if I create a complete picture I could not translate my website ... Therefore, impossible to link in the box?

Share this post


Link to post
Share on other sites
Jenny
I can't think of a way to do it however you may want to consider hiring one of the [url="http://www.pagelines.com/pros/"]PageLines Pros[/url] to help you. They may be able to help.

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

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

Sign in to follow this  

×