|
|
Thread Tools | Display Modes |
Jun-14-2009, 11:32 AM
#1
|
|
ChancyRat OP
Soooo Beginner Grinner
|
tweak help please
Do I post all my questions in one thread?
 I want to do it right.Smugarifics, help!  Remember I know nothing, NOTHING. Anything I have done to my site has been accidental and tortorous.  I have plowed lots of helps and searched dgrin for these.(1) I put in the code to keep all photos on the left and all descriptions on the right in Journal style, but (alternating) photos are not fully left-justified, and then their descriptions are slightly hidden under the photos. http://joinrats.smugmug.com/gallery/8547496_nJ7bu Can the fix be site-wide for any gallery in journal style? (not all galleries are in journal style). I don't remember where I added the code to left-align the photos so if I have to modify that, please tell me what the code is.  (2) I added a simple customization navbar. How do I get the JoinRats name to stay more to the right near the individual links? When my IE window is wide, it moves to the far left, very distorted. I have tried the left, center, and right options, none work. (3) How do I change the colors of the navbar links for individual galleries? With different themes, sometimes I need light or dark colors: this needs light name JoinRats, light links: http://www.joinrats.com/RATTIE%20ENRICHMENT this needs dark name JoinRats, dark links: http://joinrats.smugmug.com/gallery/7795446_nPUoL (4) How do I get this table page (sample copied from smugmug tutorial) to put the column links in columns? That was supposedly the purpose of the code. http://joinrats.smugmug.com/gallery/8004335_ppoPx (5) Can the gold, summer, it's a girl, and valentine themes be stretched? Examples: http://www.joinrats.com/gallery/7817105_r5Gvj http://joinrats.smugmug.com/gallery/7795645_BNGPt http://joinrats.smugmug.com/gallery/7809087_4H8vg http://joinrats.smugmug.com/gallery/7795446_nPUoL (6) How can I put some gallery description above the photos, and more/different description below them? Example -has only top description: http://joinrats.smugmug.com/gallery/7795645_BNGPt (7) How do I get the tidbit of gallery description that shows up on the subcategory page, larger? It is already a good size in the gallery itself, but very tiny on the subgallery page. http://joinrats.smugmug.com/WHAT%20H...%20WITH%20RATS (8) How do I get the photo description text size larger on the individual photo page? http://joinrats.smugmug.com/gallery/...97_tueB3/Large On the gallery page the description size is large enough, but it needs to be larger on the individual page. THANKYOU. Last edited by ChancyRat; Jun-14-2009 at 11:34 AM. Reason: I'm a begginnnnerrrrr! |
|
|
|
|
Jun-16-2009, 06:05 AM
#2
|
||
|
ChancyRat OP
Soooo Beginner Grinner
|
Quote:
Start with #1? Thank you. |
|
|
|
||
|
Jun-16-2009, 05:18 PM
#3
|
||
|
ChancyRat OP
Soooo Beginner Grinner
|
Quote:
|
|
|
|
||
|
Jun-17-2009, 05:54 AM
#4
|
|
|
ChancyRat OP
Soooo Beginner Grinner
|
bump
(is that the way to say youuuuu-hoooooo???) 
|
|
|
|
|
Jun-17-2009, 07:36 AM
#5
|
|||
|
Major grins
|
Quote:
Code:
#journal .journal_entry .right {
float: left;
margin-right: 0;
}
To this: Code:
.gallery_8547496 #journal .journal_entry .right
{float: left;
margin-right: 20px;}
.gallery_8547496 #journal .journal_entry .left
{margin-right: 20px;}
.gallery_8547496 #journal
.journal_entry .left
{margin-left: 10px;}
.gallery_8547496 .journal_entry
{border:none;}
 Quote:
To make this site wide, remove the ".gallery_8547496", in front of the rule. |
||
|
|
|||
|
Jun-17-2009, 07:39 AM
#6
|
||
|
Major grins
|
Quote:
If you have a page that you want to stretch, don't use the non-stretchy themes. It's easy enough to tell if they stretch - just look at the samples from http://themes.smugmug.com/. Click into the theme gallery and select smugmug style. --- Denise
__________________
http://www.denisegoldberg.com ... http://denise.smugmug.com Musings & ramblings at http://denisegoldberg.blogspot.com, quick posts in google+ |
|
|
|
||
|
Jun-17-2009, 07:56 AM
#7
|
||
|
ChancyRat OP
Soooo Beginner Grinner
|
Quote:
 Journal style fix!Now how about the navbar issues? |
|
|
|
||
|
Jun-17-2009, 08:24 AM
#8
|
||
|
Major grins
|
Quote:
|
|
|
|
||
|
Jun-17-2009, 09:40 AM
#9
|
|
|
Major grins
|
Right now its hard to help because of the 'easy customizer', so we're going to go around that, and start from scratch.....
Add this to your "Custom Header" box: Code:
<div id="my-banner"> <a href="http://www.joinrats.com">JoinRats</a> </div> <div id="navcontainer"> <ul> <li><a href="/EARNING%20THE%20TRUST%20OF%20PET%20RATS">Earning Trust</a></li> <li> • </li> <li><a href="/RATTIE%20ENRICHMENT">Enrichment</a></li> <li> • </li> <li><a href="/WORKING%20WITH%20BITING%20RATS">Biting Rats</a></li> <li> • </li> <li><a href="/RATTIE%20HEALTH">Rattie Health</a></li> <li> • </li> <li><a href="/WHAT%20HORSES%20HAVE%20TO%20DO%20WITH%20RATS">Rats and Horses?</a></li> <li> • </li> <li><a href="/Friends">Friends</a></li> <li> • </li> <li><a href="/RATTIE%20RESCUES">Rescues</a></li> <li> • </li> <li><a href="/gallery/8556537_5teSV">Listening Words</a></li> <li> • </li> <li><a href="/gallery/8326674_QydGb">Links</a></li> </ul> </div> Then change your whole CSS box to this...then we'll start tweaking: Code:
/*=====Banner=====*/
#my-banner,
#my-banner a
{text-align:center !important;
font-family:georgia !important;
font-size:36px !important;
color:#0A0A1F !important;
text-decoration: none !important;}
/*=====Easy-Customizer=====*/
#customLogo,
#customNavContainer
{display:none}
/*=====Nav-Bar=====*/
#navcontainer
{font-family: arial !important;
font-size: 18px;
color: #FFFFFF !important;
list-style-type: none;
padding: 0;
margin: 0;}
#navcontainer li
{display: inline; }
#navcontainer li a,
#navcontainer li a:active,
#navcontainer li a:visited,
#navcontainer li a:link
{font-family: arial !important;
font-size: 15px;
color: #FFFFFF !important;
text-decoration: none !important;
font-weight: bold;}
#navcontainer li a:hover
{font-family: arial !important;
font-size: 15px;
color: #0228BF !important;
text-decoration:overline underline !important;}
/*====Tighten Homepage====*/
#userBio {padding:0;}
#homepage {padding-top:0;}
.homepage #breadcrumb
{display:none;}
/*=====All-Journal-Pages=====*/
#journal .journal_entry .right
{float: left;
margin-right: 20px;}
#journal .journal_entry .left
{margin-right: 20px;}
#journal
.journal_entry .left
{margin-left: 10px;}
.journal_entry
{border:none;}
#smugmug_small #albumNav_bottom,
#smugmug #albumNav_bottom
{display: none;}
/*=====Breadcrumb=====*/
#breadcrumb .title,
.photoNav a.nav.next
{font-family: verdana !important;
font-weight: normal !important;
font-size: 14px !important;}
/*=====Font Sizes=====*/
#comments,
#caption,
.caption,
#caption_bottom
{font-size: 14pt !important;}
#albumDescription,
#menu,
#small-caption,
.small-caption,
#message-box,
.message-box
{font-size: 20px !important;}
/*
All these CSS rules below, were not working, I fixed them, not sure if you still wanted these, if you want them to apply
then remove all of this commet and commet brackets.
/* START gallery 8004395_A7pkR#520478125_27XEV */
.gallery_8004395 #albumDescription {
margin-top: 40px; /* gap from navbar at top */
background: #ccc; /* background of description box */
padding: 20px 40px 40px 40px; /* top right bottom left */
} /* spacing inside box from edges */
.gallery_8004395 .myPhoto {
float: left; /* allows the text to flow to the right */
padding: 0 30px 10px 0; /* top right bottom left */
} /* spacing of text around photo */
.gallery_8004395 .myPhoto img {
border: 4px ridge #444; /* add border around photo */
}
.gallery_8004395 .myTitle {
font-family: Comic Sans MS, verdana;
font-size: 150%;
color: #444;
font-weight: bold;
text-align: center;
margin: 0 auto 30px auto; /* top right bottom left */
}
.gallery_8004395 .myText {
font-family: Comic Sans MS, verdana;
font-size: 100%;
color: #444;
font-weight: normal;
text-align: justify;
}
.gallery_8004395 .myEmail {color: #444;}
.gallery_8004395 .myEmail:hover {color: red;}
/* things you can hide on page */
.gallery_8004395 .nophotos h3, /* if no photos in gallery */
.gallery_8004395 #albumNav_top,
.gallery_8004395 #albumNav_bottom,
.notLoggedIn .gallery_8004395 .journal_entry, /* hides photos in gallery */
.notLoggedIn .gallery_8004395 #breadcrumb {display: none;}
/* END gallery 8004395_A7pkR#520478125_27XEV */
*/
|
|
|
|
|
Jun-17-2009, 09:50 AM
#10
|
||
|
ChancyRat OP
Soooo Beginner Grinner
|
Quote:
WOW. I was wondering if it was possible to tweak simple customization - the answer is no, you have to replace it will full customization? Love it or leave it? Okay, I would prefer JoinRats to be on the left, like it was previously, except if an IE window is significantly widened, could it stay as close to the links as possible? The double bars over/below the links, could they be removed? And now for the color problem, some gallery themes needs dark Joinrats/dark navbar links, some needing light for both? |
|
|
|
||
|
Jun-17-2009, 10:45 AM
#11
|
||
|
Major grins
|
Quote:
Change these rules: Code:
/*=====Banner=====*/
#my-banner,
#my-banner a
{text-align:center !important;
font-family:georgia !important;
font-size:36px !important;
color:#0A0A1F !important;
text-decoration: none !important;}
/*=====Easy-Customizer=====*/
#customLogo,
#customNavContainer
{display:none}
/*=====Nav-Bar=====*/
#navcontainer
{font-family: arial !important;
font-size: 18px;
color: #FFFFFF !important;
list-style-type: none;
padding: 0;
margin: 0;}
#navcontainer li
{display: inline; }
#navcontainer li a,
#navcontainer li a:active,
#navcontainer li a:visited,
#navcontainer li a:link
{font-family: arial !important;
font-size: 15px;
color: #FFFFFF !important;
text-decoration: none !important;
font-weight: bold;}
#navcontainer li a:hover
{font-family: arial !important;
font-size: 15px;
color: #0228BF !important;
text-decoration:overline underline !important;}
Code:
/*=====Banner=====*/
#my-banner,
#my-banner a
{font-family:georgia !important;
font-size:36px !important;
color:#0A0A1F !important;
text-decoration: none !important;
float:left;
position:relative;
left:100px;
top:10px}
/*=====Easy-Customizer=====*/
#customLogo,
#customNavContainer
{display:none}
/*=====Nav-Bar=====*/
#navcontainer
{font-family: arial !important;
font-size: 18px;
color: #FFFFFF !important;
list-style-type: none;
padding: 0;
margin: 0 auto;
width:400px;
margin-left:400px;}
#navcontainer li
{display: inline; }
#navcontainer li a,
#navcontainer li a:active,
#navcontainer li a:visited,
#navcontainer li a:link
{font-family: arial !important;
font-size: 15px;
color: #FFFFFF !important;
text-decoration: none !important;
font-weight: bold;}
#navcontainer li a:hover
{font-family: arial !important;
font-size: 15px;
color: #0228BF !important;
text-decoration:none !important;}
|
|
|
|
||
|
Jun-17-2009, 10:55 AM
#12
|
|
|
ChancyRat OP
Soooo Beginner Grinner
|
Okay - now the links default into 3 rows - they were okay as they were (managed to stay as one row unless I resized the window and then they wrapped into as many lines as needed. (This would be good in case I add more links.)
And JoinRats is (1) too far in from the left margin, and (2) there's also too much empty space between JoinRats and the first link. - EDIT: "too far in from the left margin" becomes evident if you size the window smaller than it needs to be. Instead of hovering above the left side of the bio-box, it moves too far to the RIGHT of the LEFT margin (where the margin line is the biobox.) THEN: ALSO: Also, if I make the IE page very wide, JoinRats and the links move WAYYYY over the left, farrrrr away from the bio box/etc. The text color doesn't alternate yet between light and dark according to gallery needs but perhaps you weren't addressing this yet. JAllen you are soooo nice. 
|
|
|
|
|
Jun-17-2009, 11:18 AM
#13
|
|
|
Major grins
|
I think i miss understood you....Do you want all the links in one row, and then your logo off to the left..
|
|
|
|
|
Jun-17-2009, 11:21 AM
#14
|
||
|
ChancyRat OP
Soooo Beginner Grinner
|
Quote:
the JoinRats was at the left edge of the bio, and the links were in one row. And if you resized the window smaller, the links wrapped into as many rows as necessary. The logo remained on the left edge of the bio. What also happened, that should not: if you resized the window large, logo moved wayyyyy to the left side of the window, far far away from the line of links. The row of links stayed more or less centered over the bio. Hope I'm clear... |
|
|
|
||
|
Jun-17-2009, 11:45 AM
#15
|
|
|
Major grins
|
Change those rules back to this:
Code:
/*=====Banner=====*/
#my-banner,
#my-banner a
{text-align:left !important;
font-family:georgia !important;
font-size:36px !important;
color:#0A0A1F !important;
text-decoration: none !important;
margin-left:70px}
/*=====Easy-Customizer=====*/
#customLogo,
#customNavContainer
{display:none}
/*=====Nav-Bar=====*/
#navcontainer
{font-family: arial !important;
font-size: 18px;
color: #FFFFFF !important;
list-style-type: none;
padding: 0;
margin: 0;}
#navcontainer li
{display: inline; }
#navcontainer li a,
#navcontainer li a:active,
#navcontainer li a:visited,
#navcontainer li a:link
{font-family: arial !important;
font-size: 15px;
color: #FFFFFF !important;
text-decoration: none !important;
font-weight: bold;}
#navcontainer li a:hover
{font-family: arial !important;
font-size: 15px;
color: #0228BF !important;
text-decoration:none !important;}
Once we get your nav-bar how you want it, we can get it to change colors for the different galleries pretty easy I think...so lets get this down first...does this work for you.
|
|
|
|
|
Jun-17-2009, 11:49 AM
#16
|
|
|
ChancyRat OP
Soooo Beginner Grinner
|
PHP Code:
Here's the code I put - because i've been replacing only parts of code and might have screwed it up? And - if you resize the IE window, all of it - the logo and links stay on the left line of the window border. Shouldn't it all stay centered over the biobox/main gallery? |
|
|
|
|
Jun-17-2009, 11:53 AM
#17
|
|
|
Major grins
|
Add the comment brace:
/*=====Banner=====*/ #my-banner, #my-banner a {text-align:left !important; font-family:georgia !important; font-size:36px !important; color:#0A0A1F !important; text-decoration: none !important; margin-left:70px} |
|
|
|
|
Jun-17-2009, 12:02 PM
#18
|
||
|
ChancyRat OP
Soooo Beginner Grinner
|
Quote:
And the whole kit and kaboodle (logo and row of links, still stick hard on that left window border, instead of centering over the biobox. If I resize an IE window large, they move to the left. very awkward. If I could figure out how to insert snapshots I would do that... EDIT, did this snapshot work? |
|
|
|
||
| Tell The World! | |
«
Previous Thread
|
Next Thread
»
| Thread Tools | |
| Display Modes | |
Linear Mode
|
|
