internal or external css sheets for VSD

User 106872 Photo


Registered User
92 posts

Please keep in mind that the concept of css sheets is about the hardest thing I've had to try and understand. It maybe the problem of learning a language that make no sense right now But....
Is ir better to create external CSS sheets to link into VSD or keep it in the body of the vsd page.
This might not even be the right way to ask it. I saw a great ref to the image on mouse rollover as a css sheet that Sarah ask about in another thread that will give great result if I can understand it soon enough.
Is there a good PDF css ref with examples that anyone might recommend?
Thanks Wyndham
User 364143 Photo


Guest
5,410 posts

Here is a great reference for CSS.

http://www.w3schools.com/css/

External style sheets are preferred so you only have to change values in one location.
CoffeeCup... Yeah, they are the best!
User 463058 Photo


Ambassador
1,086 posts

Keep in mind that VSD isn't designed with style sheets in mind, so unless you use the html tool to insert elements with IDs or classes, neither external nor embedded styling will be of much use.
User 106872 Photo


Registered User
92 posts

Cary, I've seen an example at http://www.dynamicdrive.com/style/cssli … e-gallery/
Where a simple css sheet would give me a page where my thumbnails of my pottery would enlarge in a "Mouse over" the thumbnail.
I am hoping to use this css as an external css and embed the html href to that..
One of my problems getting a good photo gallery that jumps out(In a good way) so that I can show a lot of images with limited pages. If this works I can have a pottery page a jewelry page and a painting page with thumbnail of each and a central enlarged image on mouse over in each page.
This seems to be a good approach but if there is a better way, I'm open to suggestion.
Thanks Wyndham
User 271657 Photo


Ambassador
3,816 posts

You could use a photo gallery to do this. This one is a Jalbum photo album to display an artist's paintings.They're organized by categories which open up to display the clickable thumbnails:

http://maryloubarrow.com/gallery.html

Jalbum is easy to use, and they have hundreds of different album/gallery styles. After making the album and uploading it I make a page in the VSD site with an Iframe that displays the album. You can make updates to the Jalbum gallery and FTP from there, so it's easy to make changes/additions.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 463058 Photo


Ambassador
1,086 posts

Wyndham Dennison wrote:
Cary, I've seen an example at http://www.dynamicdrive.com/style/cssli … e-gallery/
Where a simple css sheet would give me a page where my thumbnails of my pottery would enlarge in a "Mouse over" the thumbnail.


With that code make a style sheet (minus the style tags at the beginning and end) and use VSD's Settings>Add Files... menu to add the style sheet to the root folder of your site.

Use the menu Edit>Edit Header... to insert the link to the style sheet into the head of any pages with galleries. So if the style sheet was called gallery.css, you would insert code looking like this:
<link href="gallery.css" rel="stylesheet" type="text/css">


The galleries themselves will need to be inserted into the pages using the html tool, and their associated images need to be added to the site using the Settings>Add Files... menu.

Lightbox 2 would be yet another way to go.
http://www.huddletogether.com/projects/lightbox2/

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.