Links appearance customisation - "bullets"

GedNE · Post by **GedNE** » Sun Aug 06, 2006 2:24 am

Script URL: http://www.success-apprentice.com/linkman/links.php
Version of script: Latest
Version of PHP: 4.4.2
Hosting company: tinyhosts.com
Have you searched THIS FORUM for your problem: yes
(if not please do before posting)
If so, what terms did you try: customise, link text, links.php

Hi,

My problem seems a very simple one - yet I have spent hours trying to sort out, so I am throwing it out to all for any possible answers.

I have read a few posts on "links customisation" and one highlighted editing echo '<p class="linkman">'; within links.php, but that was to centre the links text. I was wondering can I use a similiar idea or add aditional code to add "bullets" alongside my links as you can see on my old archived links pages like this:

http://www.success-apprentice.com/manua ... puters.htm

I would prefer my present new link pages to display the very same "bullets" - presently my links show as below to match my website colours:

http://www.success-apprentice.com/linkman/links.php

I know a "little" about CSS stylesheets - but I am thinking maybe I may be complicating this by dabbling with my CSS. Or is that necessary??

Any help or a tip would be much appreciated!

Ged

Henrie · Post by **Henrie** » Sun Aug 06, 2006 9:37 am

Hello Ged,

What you are trying to do can not be done by only changing the css. This is because the <a href="link_here.html" class="linkman"></a> is not unique for the links (the same class is also used by the powered by link).

The easiest way is by editing the links.php page and the header.txt page.

In the links.php file change the following:
line 40: echo '<p class="linkman">'; to echo '<ul class="linkman">';
line 48 echo '<a href="'.$url.'" target="_blank" class="linkman">'.$title.'</a> - '.$description.'<br>'; to echo '<li><a href="'.$url.'" target="_blank" class="linkman">'.$title.'</a> - '.$description.'</li>';
line 61 </p> to </ul>

And in the header.txt file change the following:
The content is now:

Code: Select all

<html>
<head>
<title>Links</title>
<body>

Change it to this:

Code: Select all

<html>
<head>
<title>Links</title>
<style type="text/css">
ul {
   list-style-image: url('list_style_image.gif');
   }
</style>
</head>
<body>

And don't forget to upload the image (correct the link of the url if nessecary).

That should be it.

Greetings,
Henrie

GedNE · Post by **GedNE** » Sun Aug 06, 2006 6:27 pm

Hey thank you so much, worked perfectly!!

Amazing when you know how...and thanks for the explanation on why we changed what we did.. helps in my learning curve!

Much appreciated - saved me another half a day trying to figure it out!

The end result for you to see - just how I wanted:

http://www.success-apprentice.com/linkman/links.php

Sorry, but just one problem - when I apply this to my other link pages (as mine are customed, ie :

financial.php
businessopportunities.php

It doesnt seem to work?... am I supposed to edit something else as these are not named the default " links.php " and are not in a folder called " Linkman " but in there respective folders "businessoportunities" and "financial"...

I am one happy bunny with your advice none-the-less..

..thanks again my friend.

Ged

Henrie · Post by **Henrie** » Sun Aug 06, 2006 7:04 pm

Hello Ged,

I took a look at your financial page.
I don't know if i got this right, but i think the financial.php file is the same as the link.php page just with another name.

You should apply the same changes as i described before.
In financial.php change the three lines to get an unsorted list instead of a paragraph with lines as is standard.

In the header.txt file you should then add the style for the ul.

When looking at it I detected an error in your header.txt file and footer.txt file.
In your header.txt file you should delete the last two lines

Code: Select all

</body>
</html>

And in you footer.txt file you are missing these two lines, so you should at the end of your footer.txt file add the follwoing two lines

Code: Select all

</body>
</html>

The way it currently is feeds an incorrect page syntax to the browser:
The page end tags are placed in your header.txt and are therefor placed in the middle of your page. Then you get your linkman links and then your footer.txt and your file is not ended with the </body> and </html> tags.

I just noticed you have made the same error in the other categories pages.

Greetings,
Henrie

GedNE · Post by **GedNE** » Sun Aug 06, 2006 11:55 pm

Thanks so very much Henrie ... pretty obvious when a second pair of eyes looks at your code, at the errors were.....well... pretty basic html ones too .. hehe..

(I guess I am still learning!)

Link pages now work as I wanted and I really do appreciate you taking time out to help and looking at over my code, your help has been invaluable!... I owe you a drink!

Ged