PDA

View Full Version : 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 :rolleyes: )

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
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 :confused:
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:



#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:


#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:


#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
1. Check the code snippet that you had inserted in your <head> section.

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



#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:


#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:


#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!