Share your colour scheme or your custom style for 23

I did one too!

Ethan   April 24, 2007, 12:02 AM

With a focus on changing colours to be a tad darker and more silvery rather than anything else. I've still got to change the icons at the top, and there's another thing I'd like to know; can a place a border around my photos, both around thumbnails and medium/large views?

Philipp Mertens   April 24, 2007, 06:50 AM

to change the icons a the top - have a look at my css

Morten Sværke Andersen   April 24, 2007, 08:05 AM

Hey Ethan,

To get a border around your images, try something like
div.image img, #fn_img, {border: 5px solid #000;}

This breaks the layout a bit because you're making the images larger than the other CSS-elements expect. That means you'll have to tweak the containers' sizes to fit around the slightly larger image-elements.

Ethan   April 25, 2007, 03:12 PM

That almost works brilliantly, thanks. I'll tweak later, for now I'm happy with it. And that code will be very helpful Philipp!

inkscar   June 24, 2007, 09:09 PM

Since dings liked my theme enough to use it, I decided to put it here more officially with a pic:

Note: It is not finished yet and the code is a mess. Feel free to use and/or develop further to your own needs.


Ethan   December 03, 2007, 03:18 PM

There's just a few more things I want to tweak about this - all of the things I want to change are in the image above. Help appreciated.

1. I've got a border on the thumbnails and on the large views but haven't found out how to do it on the normal photo page.
2. Once that works, I'll need to expand the container for the image, which I've also tried and failed to do. I'd like to have the image centred in the left column.
3. Would it be possible to expand the comments and the comment box over the right column too?
4. The new design introduces Borders on the right that are lighter than the areas within and around them in my theme, which looks unpleasant. Can I change the colour of that, and the next/previous buttons?

Then I'll have the perfect gallery.

Steffen Fagerström Christensen Team 23   December 03, 2007, 04:09 PM

#fn_container {border:3px solid yellow;}

#actualPhoto {text-align:center;}
#actualPhoto #fn_container {margin:0 auto;}

3: Nope, sorry; we're still very old fashioned here at 23 and sadly we're using tables to generate the layout.

4: These should make some sense out of the new borders.
#photosidebar {border:1px solid blue;}
#photosidebar .item {border-top:1px solid blue;} td {background-color:salmon; vertical-align:middle; border-left:1px solid yellow; border-top:1px solid yellow; } td.streamleft {border-right:1px solid green;}

I'm really starting to enjoy this photogroup. You guys are coming up with some really great stuff.

Ethan   December 03, 2007, 05:38 PM

This group's great, it's what elevates the site from more than a storage place - it's a personal gallery. Your help has once again been invaluable and the code looks pretty great. I'm off to tweak stuff now it's all working.

Ethan   March 25, 2008, 10:31 PM

Last question (I hope). My brother's joined and he's 'nicked' my theme, so I've changed them so they're not identical (har). The trouble is, now the text clashes with the image. How do I make the border around my avatar and the text next to it #000000?

wrdlbrmpf   March 26, 2008, 12:13 AM

#titlebar h1 {color:black;}
#titlebar a.linkbutton {color:black;}
#titlebar #imgBuddyIcon {border-color: black;}

Black text doesn't work too well either though, due to the dark twigs in the bg image.

To participate in this conversation, you'll need to join the group

About 23

About 23
What is 23 and who's behind the service?
Just In
Discover the world from a different angle.
Here's a crop of the latest photos from the around the world.
Search photos from users using 23
Help / Discussion
Get help or share your ideas to make 23 better
23 Blog / 23 on Twitter
Messages and observations from Team 23
Terms of use
What can 23 be used for and what isn't allowed
More services from 23
We also help people use photo sharing in their professional lives
RSS Feed
Subscribe to these photos in an RSS reader
  • Basque (ES)
  • Bulgarian (BG)
  • Chinese (CN)
  • Chinese (TW)
  • Danish (DK)
  • Dutch (NL)
  • English (US)
  • French (FR)
  • Galician (ES)
  • German (DE)
  • Italian (IT)
  • Norwegian (NO)
  • Polish (PL)
  • Portuguese (PT)
  • Russian (RU)
  • Spanish (ES)
  • Swedish (SE)

Popular photos right now

See also