Image Thumbnail Viewer - Changing the font of the word CLOSE

**gingerlilly** · 12-27-2006, 12:27 AM

1) Script Title: Image Thumbnail Viewer

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm

Hallo,

I love this script but there is one little thing I would like to change and namely - the font and eventually the size of the word CLOSE in the pop-up window... (I am a neat freak

)

Does someone know if this is possible and if yes - how?

Thanks in advance!

**djr33** · 12-27-2006, 04:06 AM

find this and change it:
crossobj.innerHTML='<div align="right" id="dragbar"><span id="closetext" onClick="closepreview()">Close</span> </div><img src="'+which+'">'

**gingerlilly** · 12-27-2006, 10:50 AM

Originally Posted by djr33

find this and change it:
crossobj.innerHTML='<div align="right" id="dragbar"><span id="closetext" onClick="closepreview()">Close</span> </div><img src="'+which+'">'

Hi djr, thanks for your quick reply... I am afraid thou that I still have no idea what to change in this line in order to make the text (CLOSE) per example Verdana size 1

Might seem a silly question but I am kinda new at this and still learning...

**codeexploiter** · 12-27-2006, 11:23 AM

1. Check the code snippet that you had inserted in your <head> section.

2. In that section you can find something like the following:

Code:

#dragbar #closetext{
font-weight: bold;
margin-right: 1px;
}

3. Now you need to remove #closetext from the above position and the removal will make the above section something like the following:

Code:

#dragbar{
font-weight: bold;
margin-right: 1px;
}

4. Now you need to specify another CSS rule for the closetext id which can be inserted at the bottom of your <style> section. It looks like the following:

Code:

#closetext{
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
color:#666666;
font-weight: bold;
margin-right: 1px;
}

5. The CSS rule that I mentioned in step 4 is an example one but it will give you an idea about the modification you are going to perform.

6. I hope you have some basic knowledge of CSS which is the only necessary thing that you need to achieve what you want in this case.

**gingerlilly** · 12-27-2006, 04:51 PM

Originally Posted by codeexploiter

1. Check the code snippet that you had inserted in your <head> section.

2. In that section you can find something like the following:

Code:

#dragbar #closetext{
font-weight: bold;
margin-right: 1px;
}

3. Now you need to remove #closetext from the above position and the removal will make the above section something like the following:

Code:

#dragbar{
font-weight: bold;
margin-right: 1px;
}

4. Now you need to specify another CSS rule for the closetext id which can be inserted at the bottom of your <style> section. It looks like the following:

Code:

#closetext{
font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size:10px;
color:#666666;
font-weight: bold;
margin-right: 1px;
}

5. The CSS rule that I mentioned in step 4 is an example one but it will give you an idea about the modification you are going to perform.

6. I hope you have some basic knowledge of CSS which is the only necessary thing that you need to achieve what you want in this case.

Thank you so much, I did it exacly as you said and it works like a charm

I thought I would learn on the way but maybe it isn't such a bad idea to read some more into the theory after all

Cheers!

Thread: Image Thumbnail Viewer - Changing the font of the word CLOSE

Thread Tools

Search Thread

Image Thumbnail Viewer - Changing the font of the word CLOSE

Bookmarks

Bookmarks

Posting Permissions