New messages Members Forum rules Search
  • Page 2 of 2
  • «
  • 1
  • 2
Forum moderator: kostova, Brazen  
uCoz Support Forum by uCozers » Coding » CSS » Guide: Page selectors with images (sml[tutorial]Page selectors with images)
Guide: Page selectors with images
BrazenDate: Saturday, 2009 October 24, 9:55 PM | Message # 16
Font size: A | A |
Colonel
Group: Administrator
Message: 304
[ ]
Offline
Pistol, Just change the images in the jackass's code to fit your design style.
Note: we don't help to clone anyone's design here.


LOL With Us! l Game Blog l 3D Autos

"knowledge without wisdom is curse" Alex Seb

 
jackassDate: Saturday, 2009 October 24, 11:52 PM | Message # 17
Font size: A | A |
Major general
Group: Administrator
Message: 433
[ ]
Offline
Pistol, try this one, I didn't test this code...

Code
/* forum Page switches */
.pagesInfo {text-decoration:none;BACKGROUND-IMAGE:URL(http://www.afraksti.ucoz.lv/dizains/images/7106ad9140b5.png);border:1PX SOLID #999999;padding:2px 10px;color:#000000;font-size:11px;}

.switch {}

.switchActive {text-decoration:none;BACKGROUND-IMAGE:URL(http://www.afraksti.ucoz.lv/dizains/images/7106ad9140b5.png);border:1PX SOLID #999999;padding:2px 10px;color:#000000;font-size:11px;}

a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none;BACKGROUND-IMAGE:URL(http://www.afraksti.ucoz.lv/dizains/images/691c18163c7e.png);border:1PX SOLID #999999; padding:2px 10px;color:#ffffff;font-size:11px;font-weight:bold;}

a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none; color:#ffffff;}

a.switchDigit:hover,
a.switchBack:hover,
a.switchNext:hover {text-decoration:none;BACKGROUND-IMAGE:URL(http://www.afraksti.ucoz.lv/dizains/images/7106ad9140b5.png);border:1PX SOLID #999999;padding:2px 10px;color:#000000;font-size:11px;}

a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:none;BACKGROUND-IMAGE:URL(http://www.afraksti.ucoz.lv/dizains/images/7106ad9140b5.png);border:1PX SOLID #999999;padding:2px 10px;color:#000000;font-size:11px;}
/* ------------------- */

Tell as about results


 
PistolDate: Sunday, 2009 October 25, 1:39 AM | Message # 18
Font size: A | A |
Lieutenant
Group: uCozer
Message: 60
[ ]
Offline
+ award

It Works Perfect Thanks again

Quote (Brazen)
Note: we don't help to clone anyone's design here.

i just asked for the code i don't wan't to clone it

Edited ByPistol - Sunday, 2009 October 25, 1:41 AM
 
jackassDate: Sunday, 2009 October 25, 1:42 AM | Message # 19
Font size: A | A |
Major general
Group: Administrator
Message: 433
[ ]
Offline
Pistol, I think Brazen didn't understand what you mean smile

 
PistolDate: Sunday, 2009 October 25, 1:50 AM | Message # 20
Font size: A | A |
Lieutenant
Group: uCozer
Message: 60
[ ]
Offline
well i i find somthing wrong , i will report it, thanks MR, well i don't know if i can say your name , tongue

but lets stay ontopic biggrin

sorry

i found a problem sad

Attachments: 2968119.png(2.4 Kb)


Edited ByPistol - Sunday, 2009 October 25, 2:09 AM
 
AltricDate: Sunday, 2009 October 25, 2:59 AM | Message # 21
Font size: A | A |
Major
Group: uCozer
Message: 81
[ ]
Offline
I'm not sure, but have you tried in-creasing the space (padding)? wacko

"When you get frustrated, just ignore it and keep on enjoying life."
 
PistolDate: Sunday, 2009 October 25, 3:05 AM | Message # 22
Font size: A | A |
Lieutenant
Group: uCozer
Message: 60
[ ]
Offline
yes and still the same problem

Edited ByPistol - Sunday, 2009 October 25, 3:08 AM
 
LeekinzDate: Tuesday, 2009 October 27, 8:18 PM | Message # 23
Font size: A | A |
Lieutenant colonel
Group: uCozer
Message: 123
[ ]
Offline
Edit hover, visited, active codes.

 
PistolDate: Tuesday, 2009 October 27, 8:47 PM | Message # 24
Font size: A | A |
Lieutenant
Group: uCozer
Message: 60
[ ]
Offline
Quote (Leekinz)
Edit hover, visited, active codes.

? Leekinz, what u mean ?

 
LeekinzDate: Tuesday, 2009 October 27, 9:00 PM | Message # 25
Font size: A | A |
Lieutenant colonel
Group: uCozer
Message: 123
[ ]
Offline
Code
/* PageSelector Start */    
.catPages1 {color:#fff;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(http://movieholic.ucoz.com/Stuff/images/pageselector/691c18163c7e.png);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}
.catPages1 a:hover {BACKGROUND-IMAGE:URL(http://movieholic.ucoz.com/Stuff/images/pageselector/7106ad9140b5.png);color:#fff;font-weight:bold;}
.catPages1 b {text-decoration:none;BACKGROUND-IMAGE:URL(http://movieholic.ucoz.com/Stuff/images/pageselector/7106ad9140b5.png);border:1PX SOLID #999999;padding:2px 10px;color:#303b45;font-size:11px;}

.pagesBlockuz1 {color:#fff;border:0px;margin-bottom:10px;margin-top:10px;}    
.pagesBlockuz1 a:link,    
.pagesBlockuz1 a:visited,    
.pagesBlockuz1 a:hover,    
.pagesBlockuz1 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(http://movieholic.ucoz.com/Stuff/images/pageselector/691c18163c7e.png);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}    
.pagesBlockuz1 a:hover {BACKGROUND-IMAGE:URL(http://movieholic.ucoz.com/Stuff/images/pageselector/7106ad9140b5.png);color:#fff;font-weight:bold;}    
.pagesBlockuz1 b {text-decoration:none;BACKGROUND-IMAGE:URL(http://movieholic.ucoz.com/Stuff/images/pageselector/7106ad9140b5.png);border:1PX SOLID #999999;padding:2px 10px;color:#303b45;font-size:11px;}    

.pagesBlock1 {color:#fff;border:0px;margin-bottom:10px;margin-top:10px;}    
.pagesBlock1 a:link,    
.pagesBlock1 a:visited,    
.pagesBlock1 a:hover,    
.pagesBlock1 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(http://movieholic.ucoz.com/Stuff/images/pageselector/691c18163c7e.png);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}    
.pagesBlock1 a:hover {BACKGROUND-IMAGE:URL(http://movieholic.ucoz.com/Stuff/images/pageselector/7106ad9140b5.png);color:#fff;font-weight:bold;}    
.pagesBlock1 b {text-decoration:none;BACKGROUND-IMAGE:URL(http://movieholic.ucoz.com/Stuff/images/pageselector/7106ad9140b5.png);border:1PX SOLID #999999;padding:2px 10px;color:#303b45;font-size:11px;}    

.catPages2 {color:#fff;border:0px;margin-bottom:10px;margin-top:10px;}
.catPages2 a:link,
.catPages2 a:visited,
.catPages2 a:hover,
.catPages2 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(http://movieholic.ucoz.com/Stuff/images/pageselector/691c18163c7e.png);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}
.catPages2 a:hover {BACKGROUND-IMAGE:URL(http://movieholic.ucoz.com/Stuff/images/pageselector/7106ad9140b5.png);color:#fff;font-weight:bold;}
.catPages2 b {text-decoration:none;BACKGROUND-IMAGE:URL(http://movieholic.ucoz.com/Stuff/images/pageselector/7106ad9140b5.png);border:1PX SOLID #999999;padding:2px 10px;color:#303b45;font-size:11px;}

.pagesBlockuz2 {color:#fff;border:0px;margin-bottom:10px;margin-top:10px;}    
.pagesBlockuz2 a:link,    
.pagesBlockuz2 a:visited,    
.pagesBlockuz2 a:hover,    
.pagesBlockuz2 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(http://movieholic.ucoz.com/Stuff/images/pageselector/691c18163c7e.png);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}    
.pagesBlockuz2 a:hover {BACKGROUND-IMAGE:URL(http://movieholic.ucoz.com/Stuff/images/pageselector/7106ad9140b5.png);color:#fff;font-weight:bold;}    
.pagesBlockuz2 b {text-decoration:none;BACKGROUND-IMAGE:URL(http://movieholic.ucoz.com/Stuff/images/pageselector/7106ad9140b5.png);border:1PX SOLID #999999;padding:2px 10px;color:#303b45;font-size:11px;}    

.pagesBlock2 {color:#fff;border:0px;margin-bottom:10px;margin-top:10px;}    
.pagesBlock2 a:link,    
.pagesBlock2 a:visited,    
.pagesBlock2 a:hover,    
.pagesBlock2 a:active {text-decoration:none;color: #fff;BACKGROUND-IMAGE:URL(http://movieholic.ucoz.com/Stuff/images/pageselector/691c18163c7e.png);border:1PX SOLID #999999; padding:2px 10px;font-size:11px;font-weight:bold;}    
.pagesBlock2 a:hover {BACKGROUND-IMAGE:URL(http://movieholic.ucoz.com/Stuff/images/pageselector/7106ad9140b5.png);color:#fff;font-weight:bold;}    
.pagesBlock2 b {text-decoration:none;BACKGROUND-IMAGE:URL(http://movieholic.ucoz.com/Stuff/images/pageselector/7106ad9140b5.png);border:1PX SOLID #999999;padding:2px 10px;color:#303b45;font-size:11px;}    
/* PageSelector end */

.catPages1 a:link,
.catPages1 a:visited,
.catPages1 a:hover,
.catPages1 a:active

Make the Image URL Seperate for each one. For every . integer.


 
PistolDate: Wednesday, 2009 October 28, 3:20 PM | Message # 26
Font size: A | A |
Lieutenant
Group: uCozer
Message: 60
[ ]
Offline
i think where talking about another code i'm talking about the page selectors in forum and ur talking about the page selectors on the main page

Edited ByPistol - Wednesday, 2009 October 28, 3:23 PM
 
DevilKANANDate: Monday, 2010 May 17, 3:49 PM | Message # 27
Font size: A | A |
Private
Group: User
Message: 1
[ ]
Offline
what is page selector

plz tell me

 
uCoz Support Forum by uCozers » Coding » CSS » Guide: Page selectors with images (sml[tutorial]Page selectors with images)
  • Page 2 of 2
  • «
  • 1
  • 2
Search:


Copyrights uCozers 2009 - 2019 To TOP
Refresh Smileys Manager