RSGallery2 Support Forums
Welcome, Guest. Please login or register.

Login with username, password and session length
  Home    Forum    Help    Search    Login    Register  
*
News : November 22, 2008, 04:07:21 pm
+  RSGallery2 Support Forums
|-+  RSgallery2 support forums
| |-+  Display and Templates (Moderators: Jonah, Tomislav Ribicic, Daniel Tulp, Ronald Smit)
| | |-+  CSS Thumbnails border / border-color		 Advanced search
  « previous next »
Topic Tools Search this topic
 Pages 1
Author
Topic: CSS Thumbnails border / border-color  (Read 6755 times)
« on: November 03, 2006, 05:17:40 am »
Claus Wittmann Offline
Newbie
*
 Posts: 7

View Profile Email
Hi there!

I'm using RS2Galery 1.11.10 and I want to change the bordercolor of the images.
Actually it is handled like a normal link (blue if unklicked and purple if allready klicked).

How can I change it?

I think it should be the following in CSS:
Code:
/* thumbnail list */

ul#rsg2-thumbsList{
    margin: auto;
}

ul#rsg2-thumbsList li{
    display: box;
    float: left;
    overflow: hidden;
    padding: 5px 5px;

    text-align: center;

/*     get rid of other possible list styles */
    list-style: none;
    background-image: none;
}

table#rsg2-thumbsList{
    width: 100%;
}
table#rsg2-thumbsList td{
border-color: Black;
border: 10px;
    overflow: hidden;
    padding: 5px 5px;

    text-align: center;
}

table#rsg2-thumbsList td a{
border-color:Black;
}

table#rsg2-thumbsList td a:hover{
border-color:Black;
}
I added the last two points and I thought that should exactly be what I need - but it won't work...

If no one can tell me how to change this in CSS. Another option would be to hardencode it in my rs2gallery...
The code would be:
Code:
<img border="1" style="border:1px solid #ffffff" alt="some text" width="80" src="http://picture.jpg" />

Any help would be great!

Thanks in advance

TNT
Logged
 
Reply #1
« on: November 03, 2006, 06:02:12 am »
Claus Wittmann Offline
Newbie
*
 Posts: 7

View Profile Email
Search long enough and you will find the answer...
But I have more questions... (at the end of this post...)

Its simple. I should't have styled my "a" -"img" would have been the right one:

(This code here works to show a black border)
Code:
table#rsg2-thumbsList img {
border-color:black;
border-width:0px;
border-style:solid;
}

Ok with this code now the Images get a black border - without any notification of klicked or nonklicked...

OK now here what is still open.

It would be nice if it is possible to get a hover working - but till now it won't work...
I tried the following:
Code:
table#rsg2-thumbsList img : link{
border-color:green;
border-width:0px;
border-style:solid;
}
table#rsg2-thumbsList img : visited{
border-color:blue;
border-width:0px;
border-style:solid;
}

table#rsg2-thumbsList img : hover{
border-color:red;
border-width:0px;
border-style:solid;
}

Next question: When I select a thumbnail I can see some text on the bottom of the Image. How can I format this text? (centered)?

Next question: At the top of the picture I can select next picture and so on. How can I change this
to be viewed at the bottom of the picture?

In the end: Last question: Otherwise said: What file(s) have to be edited to change that stuff. There are many php files in the module...

Greetings
TNT
Logged
 
Reply #2
« on: November 04, 2006, 07:06:13 am »
Daniel Tulp Offline
Administrator
Hero Member
*****
 Search search search before posting please Posts: 1870
danieltulp@hotmail.com
View Profile WWW Email
Quote
It would be nice if it is possible to get a hover working - but till now it won't work...
maybe use this:
Code:
table#rsg2-thumbsList img a: link{
border-color:green;
border-width:0px;
border-style:solid;
}
Quote
Next question: When I select a thumbnail I can see some text on the bottom of the Image. How can I format this text? (centered)?
See http://rsgallery2.net/component/option,com_smf/Itemid,17/topic,547.msg5416#msg5416
Quote
Next question: At the top of the picture I can select next picture and so on. How can I change this
to be viewed at the bottom of the picture?
You can't in the css, you'll have to alter rsgallery2.html.php
Logged
RSgallery2 developement team
RSgallery2 modules:
design.danieltulp.nl
 
Reply #3
« on: November 09, 2006, 09:28:35 am »
Claus Wittmann Offline
Newbie
*
 Posts: 7

View Profile Email
Thanks for your post, but it doesnt work / or you have missunderstood me.
Quote from: Daniel Tulp on November 04, 2006, 07:06:13 am
Quote
Next question: When I select a thumbnail I can see some text on the bottom of the Image. How can I format this text? (centered)?
See http://rsgallery2.net/component/option,com_smf/Itemid,17/topic,547.msg5416#msg5416
I ment the description under the big picture of the gallery. I was searching now nearly for hours and I'm not bit near a sollution.
I found out that
Code:
.adminForm
would be the main point - a adult of the element. But I havent found out the really correct description for the needed class in this case!
Any suggestions?
Nearly - I simple want to center the text in the end...

In the end: The hover won't work either but it is not so urgent actually (this point only...)

Greetings Claus

Quote from: Daniel Tulp on November 04, 2006, 07:06:13 am
Quote
It would be nice if it is possible to get a hover working - but till now it won't work...
maybe use this:
Code:
table#rsg2-thumbsList img a: link{
border-color:green;
border-width:0px;
border-style:solid;
}
Quote
Next question: When I select a thumbnail I can see some text on the bottom of the Image. How can I format this text? (centered)?
See http://rsgallery2.net/component/option,com_smf/Itemid,17/topic,547.msg5416#msg5416
Quote
Next question: At the top of the picture I can select next picture and so on. How can I change this
to be viewed at the bottom of the picture?
You can't in the css, you'll have to alter rsgallery2.html.php
Logged
 
Reply #4
« on: November 09, 2006, 02:17:09 pm »
Daniel Tulp Offline
Administrator
Hero Member
*****
 Search search search before posting please Posts: 1870
danieltulp@hotmail.com
View Profile WWW Email
the discribtion is actualy created using the default joomla tabs, you can find the css file in includes/js/tabs (I hope I'm right about the location, didn't check)
Logged
RSgallery2 developement team
RSgallery2 modules:
design.danieltulp.nl
 
Reply #5
« on: April 29, 2007, 04:58:04 pm »
halvar Offline
Newbie
*
 Posts: 1

View Profile Email
Hi,

where must I add this lines

table#rsg2-thumbsList img a: link{
border-color:green;
border-width:0px;
border-style:solid;
}

when I add it to the rsgallery.css, the blue border is still there when I use IE7. I want to have no borders for the thumbs.

Thanks
Logged
 
Reply #6
« on: May 17, 2007, 02:02:41 am »
steve Offline
Newbie
*
 Posts: 8

View Profile Email
i have tried to follow this thread as best as I can ... inside my gallery the DESCRIPTION TEXT at the bottom of the image has the "CENTER" attribute in the HTML....

however the text is left aligned...

can you help with this issue.

http://www.joyjolise.com/index.php?option=com_rsgallery2&Itemid=54&page=inline&id=24&catid=3&limitstart=4
Logged
 
Reply #7
« on: May 17, 2007, 10:39:06 am »
Daniel Tulp Offline
Administrator
Hero Member
*****
 Search search search before posting please Posts: 1870
danieltulp@hotmail.com
View Profile WWW Email
in ie7 and firefox the text is aligned in the center
Logged
RSgallery2 developement team
RSgallery2 modules:
design.danieltulp.nl
 
Print  Pages 1
« previous next »
Jump to:  

 
Powered by MySQL Powered by PHP Valid XHTML 1.0! Valid CSS!
 Powered by SMF 1.1 RC3 | SMF © 2001-2006, Lewis Media