<? DEW-CODE.COM  

Downloads

Assorted scripts  (1)
DewNewPHPLinks  (9)





Lost Password?
No account yet? Register

Dew-Code Newsfeed

Resources


 USdigitalcable.com

Dew-Code
Welcome, Guest
Please Login or Register.    Lost Password?
Customizing the look (1 viewing) (1) Guest
Go to bottom Post Reply Favoured: 0
TOPIC: Customizing the look
#633
Dewed (Admin)
Admin
Posts: 606
graph
User Online Now Click here to see the profile of this user
Dew-Code.com
Customizing the look 3 Years, 6 Months ago Karma: 9  
User jgirl emailed me with a few questions, but rather than email her back, I though it'd be better to post here, since others may have the same questions... It's worth noting jgirl's installation has already been customized a bit, but the questions & answers should still be relevant to everyone.

QUOTE:

Been playing with it non stop! This is so much fun. The only things that I can't seem to figure out are:

1. I can't get the underline to go away from the Category Links

2. I can't seem to find that google ad at the bottom of the page

3. Some of the pages have a squished navigation bar, while others are all spread out the full width of your screen. Is there any possible way I can make this consistent?




Much of the look/feel can be changed by editing the stylesheet in your chosen theme directory.

#1
Since I'm not sure what is causing the underline, probably the best way is to create a new entry in the stylesheet. Placing the entry at the bottom will ensure it isn't overwritten by a subsequent style... remeber the C in CSS stands for cascading.. I still occasionally struggle with the ramifications of that.

So, near the bottom of your stylesheet, try adding

Code:

.mainCategory a:link, .mainCategory a:visited, .mainCategory a:active { text-decoration: none; }
To give an underline when you hover over the link is often a nice touch.. so a following class for that..
Code:

.mainCategory a:hover { text-decoration: underline; }
#2 The main reason the width fluctuates is because some cubcategories don't have entries, while others do. Still, you can set it to be a consistent width, by editing the stylesheet .. The top navigation links are stored in a table with a class name of "homebalkback", that stylesheet entry looks like this ..
Code:

table.homebalkback { background-color: #99CFFF; color: #000000; }
of course your colors may be different, depending on your theme... I prefer to use percentages to set widths, so they scale to the various resolutions viewers might run... To set the table width to 90%, just add
Code:

width:90%;
of if you want to use a set number of pixels .. 600px; #3 The ads are basically entered as an example, although I do apreciate those who choose to leave one of my own ads in place, it's certainly not required. To remove them completly, edit the include/config.php file , near line #67, locate
Code:

$showbanners = 1;
Simply change the one to a zero to turn the banner system off. If you'd like to show your own banners there, look over the files in the /banners directory, you'll also find a readme.txt file there....
QUOTE:
You can place your own banners in this directory. Simply continue naming them numerically, 3.html 4.html & side-3.html side-4.html and so on. Once you'd added your banners, be sure to edit the /include/config.php file Look for the line $numbanners = X; Set X to the highest number of banners you have, example, if 6.html is the highest numbered banner you have, you would enter $numbanners = 6; For simplicity, make sure to have the same number of side banners as you do footer banners. Note that side banners are only shown on pages that require pagination. Also note, that if banner 2.html is shown side-2.html will be shown as well. While it's not required, I'd sure apreciate it if you left one or more of my own Adsense banners in place. It is the only form of revenue I get for maintaining and supporting Dew-NewpHPLinks. Regards, Dewed http://www.dew-code.com
I should probably edit that last part "*Other than the rare donations from a few generous visitors*, it is the only form of revenue I get for maintaining and supporting Dew-NewpHPLinks. " Anyways, you can just edit the existing 0.html , 1.html etc.. or add more if you like.
 
Report to moderator   Logged Logged  
 
Nothing to it but to Dew it !
Dew-Code.com
  The administrator has disabled public write access.
#634
jgirl (User)
Fresh Boarder
Posts: 15
graphgraph
User Offline Click here to see the profile of this user
Re:Customizing the look 3 Years, 6 Months ago Karma: 0  
First I'd like to mention here publicly that Dewed is an awesome person and got to my customizations and emails in a very prompt and efficient manner.

That being said I'm glad he put this here in the forum because it's more of a tutorial which is always a welcomed.

Ok, I have made all the changes/corrections you posted here in this thread but the issues still persist.

The width issue is still not consistent, and more directly on the What's New, What's Popular, What's Cool, About pages are all wide width. The Add Site page has squished navigation and thinner width.
Here is the code I have in my style.css
Code:

table.homebalkback { color: #000; background-color: #f90; width: 80% }
The google ads are gone from the bottom but not from the center of some of the pages. It's no offense to you and not that I don't want to support your site. Honestly I'd rather donate money to you personally than to have those ads up there because I have sponsored advertising on the site and don't want a conflict. I set the config.php accordingly:
Code:

$showbanners = 0; if ($showbanners > 0){ // Set this to the number of banner files in the /banners directory. // See /banners/readme.txt for details $numbanners = x;
Underlined text still persists as well:
Code:

.mainCategory a:link, .mainCategory a:visited, .mainCategory a:active { text-decoration: none; }
Thank you for taking the time to advise me
 
Report to moderator   Logged Logged  
  The administrator has disabled public write access.
#635
Dewed (Admin)
Admin
Posts: 606
graph
User Online Now Click here to see the profile of this user
Dew-Code.com
Re:Customizing the look 3 Years, 6 Months ago Karma: 9  
Missing a semi-colon at the end I think ....

table.homebalkback { color: #000; background-color: #f90; width: 80%; }

and this is at the very bottom right ?

.mainCategory a:link, .mainCategory a:visited, .mainCategory a:active { text-decoration: none; }

if you don't see the change...

make sure you are editing the right stylesheet, I usually do something blatantly ugly, just to make sure ...

.mainCategory a:link, .mainCategory a:visited, .mainCategory a:active { text-decoration: none; background-color: #00FF00;}

if you see the green background, you are editing correct stylesheet, I can only suggest locating the previous .mainCategory entry and adding text-decoration: none; there as well.

The inline google banner ads, are a little tricky, they are created in the includes/functions.php file, which is very large, so make a backup copy before editing it..

Near line 1298.. locate

Code:

// you can of course remove this block of code completely, or alter it of you like, but since this is a free script // supported and maintained by one person, I hope you'll be kind enough to leave it and allow me to continue // providing free software and support, instead of charging for it. // Thanks Dewed http://www.dew-code.com if ($i == 2){ $htmlsrc .='<table ... ... } $i++;
You can disable that block of code by using PHP block style commenting, similar to what you might be familiar with in stylesheets ..
Code:

/* // you can of course remove this block of code completely, or alter it of you like, but since this is a free script // supported and maintained by one person, I hope you'll be kind enough to leave it and allow me to continue // providing free software and support, instead of charging for it. // Thanks Dewed http://www.dew-code.com if ($i == 2){ $htmlsrc .='<table ... ... } $i++; */
The side banner is created just a couple lines below, so again, disable that code by block commenting it out ...
Code:

/* if($total_sites > $pp){ $html .= '</td><td valign=top align=center width=160 bgcolor="#EFEFEF"><p><br /></p><p><br /></p>'; $banner = rand(0,$numbanners); $html .= file_get_contents("./banners/side-".$banner.".html"); $html .= '</td></tr></table>'; } */
 
Report to moderator   Logged Logged  
 
Nothing to it but to Dew it !
Dew-Code.com
  The administrator has disabled public write access.
#636
jgirl (User)
Fresh Boarder
Posts: 15
graphgraph
User Offline Click here to see the profile of this user
Re:Customizing the look 3 Years, 6 Months ago Karma: 0  
Hmmm... now this is interesting. I made the 2 changes mentioned below:

Code:

table.homebalkback { color: #000; background-color: #f90; width: 80%; } and this is at the very bottom right ? .mainCategory a:link, .mainCategory a:visited, .mainCategory a:active { text-decoration: none; } if you don't see the change... make sure you are editing the right stylesheet, I usually do something blatantly ugly, just to make sure ... .mainCategory a:link, .mainCategory a:visited, .mainCategory a:active { text-decoration: none; background-color: #00FF00;}
Code:

<title>New The Handmade Directory Project</title> <link rel = "stylesheet" type = "text/css" href ="themes/surrounded/style.css"/> </head> <body>
Good thing you mentioned the blatantly ugly thing... because I do NOT see it?? I viewed the page source and it is calling the same style.css that I edited. Now I am concerned it is a permission issue on the style.css or something?? I wish this could just be simple and done with.
 
Report to moderator   Logged Logged  
  The administrator has disabled public write access.
#637
Dewed (Admin)
Admin
Posts: 606
graph
User Online Now Click here to see the profile of this user
Dew-Code.com
Re:Customizing the look 3 Years, 6 Months ago Karma: 9  
I wish I was a CSS guru and could confidently whip up an answer for you, but the best I can offer is a guess...

Try referencing the links inside the mainCategory class this way, and see if it passes the blatantly ugly text

Code:

a.mainCategory , a.mainCategory:visited , a.mainCategory:active { text-decoration: none; background-color: #00FF00;}
 
Report to moderator   Logged Logged  
 
Nothing to it but to Dew it !
Dew-Code.com
  The administrator has disabled public write access.
#653
jgirl (User)
Fresh Boarder
Posts: 15
graphgraph
User Offline Click here to see the profile of this user
Re:Customizing the look 3 Years, 6 Months ago Karma: 0  
Hey hey... sorry for the delay. Other websites to put together.

Ok, you've given awesome feedback and directions. I've got it just about in the right spot now but I am finding an alignment issue on this page:
http://thehandmadedirectory.com/directory/22.html

Can you please advise? I will be going live with this as soon as this is fixed
 
Report to moderator   Logged Logged  
  The administrator has disabled public write access.
Go to top Post Reply
get the latest posts directly to your desktop
Outsource your projects to thousands of programmers at
ScriptLance.com
Newsflash
Interested in
advertising?

This space for rent!

Sign up for PayPal and start accepting credit card payments instantly.
Copyright Dew-Code 2008