Help to remove header from galleries
atsitalian
Registered Users Posts: 3 Beginner grinner
:wxwax I have looked and looked and not found a way to remove the header which appears on my wife's homepage "optasiaonline.com" from the galleries
0
Comments
<body class="homepage"> <!-- These extra divs/spans may be used as catch-alls to add extra imagery. -->
<div id="extraDiv1"><span></span></div><div id="extraDiv2"><span></span></div><div id="extraDiv3"><span></span></div> <div id="extraDiv4"><span></span></div><div id="extraDiv5"><span></span></div><div id="extraDiv6"><span></span></div>
<div align="center">
<img src=http://optasiaimages.smugmug.com/photos/38397313-O.jpg="715" height="453">
Change this
Give your image an ID. e.g.
<img id="header_img" src=http://optasiaimages.smugmug.com/photos/38397313-O.jpg width="715" height="453">
and add this to your co-branding's style sheet settings:
/* Hides header-image on all pages... */
#header_img {
display: none;
}
/* ... but shows it on my homepage. */
.homepage #header_img {
display: block;
}
Or move your image inside one of those extraDiv-s. Then the CSS would look like this if you move your header-image inside extraDiv1:
/* Hides header-image on all pages... */
#extraDiv1 {
display: none;
}
/* ... but shows it on my homepage. */
.homepage #extraDiv1 {
display: block;
}
-- Anton.
When I hear the earth will melt into the sun,
in two billion years,
all I can think is:
"Will that be on a Monday?"
==========================
http://www.streetsofboston.com
http://blog.antonspaans.com
Worked perfectly.
Thanks Anton.
John
BTW: You have some beeauuuuutiful pictures in your galleries!
-- Anton
When I hear the earth will melt into the sun,
in two billion years,
all I can think is:
"Will that be on a Monday?"
==========================
http://www.streetsofboston.com
http://blog.antonspaans.com
One more question. Can you tell me how to have a text only gallery w/o the "This is a brand new gallery with no photos and the drop down "style" menu. She is wanting to add a biography page (already started) and pricing page but does not want all that other stuff on the page.
Anything you can do to help would be appreciated.
PS - Been to Boston on business quite a bit....GREAT CITY.
Thanks,
John
About 'photo-less' pages.
First, I would download FireFox (if you have not already done so) and use FireFox to download the Web Developer Extension here: https://addons.mozilla.org/extensions/moreinfo.php?application=firefox&id=60
This will help you to identify the class values and id value of all the elements in your galleries/pages. It will also help you with the process below:
Creating photo-less page:
-Create a gallery with some name.
-Upload one photo to this gallery. This will be a dummy photo. Just upload a very small gif or something.
-Put the entire text you want to put on the page in the caption of this dummy picture.
-Set the gallery style to 'Journal'.
-Add CSS selectors to hide the unwanted items from your screen. Examples, where your gallery-id is "gallery_123456":
#stylebar,
.gallery_123456 #journal #breadcrumb,
.gallery_123456 #journal .albumNav,
.gallery_123456 #journal #comment,
.gallery_123456 #footer_wrapper,
.gallery_123456 #journal .photo {
display: none;
}
-Style these items as you want:
.gallery_123456 #journal #albumDescription,
.gallery_123456 #journal .journal_entry
.gallery_123456 #journal .caption
-In a previous step you did put the text for this page in the caption of the one dummy picture. If you start this text with <HTML> and you end it with </HTML> you can add <div> elements inside your caption's text. This will allow you to use CSS to style the text in your page/caption and make it look like anything you like.
-When all looks good, go to 'customize gallery' and fix the gallery-style to 'Journal' (so that viewers can not change the style to something else).
(i compiled this from my own CSS settings.. i may have forgotten to mention some steps here, but i hope you'll get the general idea
Good luck with it.
-- Anton.
When I hear the earth will melt into the sun,
in two billion years,
all I can think is:
"Will that be on a Monday?"
==========================
http://www.streetsofboston.com
http://blog.antonspaans.com
fabulous! I used this as a basis for my bio page, i just removed the #journal .photo line to have my bio photo appear. Looks great!
Question: if I were using the journal_entry line, would it need a comma in this situation (mid-statement?)
this is fun
I don't quite understand your question, but this is what a comma means:
A CSS rule is applied through CSS selectors. The rule is the body, the selector selects which HTML elements are affected by this rule.
For example:
.gallery_123456 #journal #comment {
/* rule */
}
.gallery_123456 #journal #comment
is a CSS selector
{
/* rule */
}
is a rule
If you want to use more than one CSS selector for a rule, you can separate them by commas. For example these two selectors apply the rule "{ display: none}":
.gallery_123456 #footer_wrapper,
.gallery_123456 #journal .photo {
display: none;
}
When I hear the earth will melt into the sun,
in two billion years,
all I can think is:
"Will that be on a Monday?"
==========================
http://www.streetsofboston.com
http://blog.antonspaans.com
.gallery_123456 #journal #albumDescription,
.gallery_123456 #journal .journal_entry
.gallery_123456 #journal .caption
if someone were doing a cut and paste.
Ah, those three lines.
Even with an extra comma after the ".journal_entry", it still would be invalid CSS (incomplete CSS, to be more precise). These three lines is just a list of the CSS selectors available for styling; their rule(s) is(are) missing, not specified.
When I hear the earth will melt into the sun,
in two billion years,
all I can think is:
"Will that be on a Monday?"
==========================
http://www.streetsofboston.com
http://blog.antonspaans.com