Php photo gallery TWG | JFUploader | TWG Flash upload | WFU | Forum

Get help for TinyWebGallery, the best image gallery. The forum is also home for the Joomla JFUploader, TWG Flash Uploader and the Wordpress flash uploader.
It is currently 24. Nov 2024, 22:21

This forum is readonly now. Please use the new forum if you don't find the answer to your question here. The new forum is at https://www.tinywebgallery.com/blog/forum/


All times are UTC + 1 hour [ DST ]




Post new topic Reply to topic  [ 11 posts ] 
Author Message
 Post subject: style question
PostPosted: 17. Mar 2006, 18:01 
I don`t know how to change the main white part of the whole layout. I am talking about the bigest part which is presented on this screenshot:
http://www.zwitek.com/screenshot.jpg
I tryed to use the color magement feature, but it doesn`t helped.
Thanks


Top
  
 
 Post subject:
PostPosted: 17. Mar 2006, 18:14 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 11232
Hi,

There was an older version of the color manager on the website (the one in the admin works fine!)

Sorry. just updated the javascript!

use

body.twg {
background-color: #ffffff;
color: #000000;
}

instead of

body {
....

/michael


Top
 Profile  
 
 Post subject:
PostPosted: 17. Mar 2006, 18:20 
well...

this is how it looks in my my_style.ccs

/ * Settings for the background - you can specify a backgoundimage for all albums! e.g. background-image: url('my_background.jpg');
body.twg {
background-color: #000000;
color: #000000;
}

and the background is still white :(


Top
  
 
 Post subject:
PostPosted: 17. Mar 2006, 18:25 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 11232
:(.

just tested your settings - works fine for me -

are there some other settings in the my_style.css?

can you post the test of the my_style.css?


/Michael


Top
 Profile  
 
 Post subject:
PostPosted: 17. Mar 2006, 18:34 
here u go:

body.twg {
background-color: #000000;
color: #000000;
}
a:link { color: #996600; }
a:hover { color: #996600; }
a:visited { color: #996600; }

/* If you use an background image this hover settings could create ugly borders! Delete them if you don't like them */
td.navicon a img{ border: 1px solid #99ccff; }
td.html_side_default a img{ border: 1px solid #99ccff; }
td.html_side_left a img{ border: 1px solid #99ccff; }
td.html_side_right a img{ border: 1px solid #99ccff; }

td.sideframe {
background-color: #663300;
}

td.twg_info {
border: 0px none #339933;
}

.twg_title {
color: #996600;
}

.twg_folderdescription {
color: #996600;
}

.twg_Caption {
color: #996600;
}

.twg_user_help_td {
color: #996600;
}

.twg_topx_selected {
color: #996600;
}

.twg_topx_sel {
color: #996600;
}
.twg_topx_sel a:link { color: #996600; }
.twg_topx_sel a:hover { color: #996600; }
.twg_topx_sel a:visited { color: #996600; }

td.topnavleft {
background-color: #663300;
color: #996633;
}
td.topnavleft a:link { color: #996633; }
td.topnavleft a:hover { color: #996633; }
td.topnavleft a:visited { color: #996633; }

td.topnav {
background-color: #663300;
}

td.topnavright {
background-color: #663300;
color: #996633;
}
td.topnavright a:link { color: #996633; }
td.topnavright a:hover { color: #996633; }
td.topnavright a:visited { color: #996633; }

td.bottomtablesideleft {
background-color: #663300;
color: #996633;
}
td.bottomtablesideleft a:link { color: #996633; }
td.bottomtablesideleft a:hover { color: #996633; }
td.bottomtablesideleft a:visited { color: #996633; }

td.bottomtable {
background-color: #663300;
}

td.twg_bottom {
background-color: #663300;
}

td.twg_counterpixel {
background-color: #663300;
}

td.bottomtableside {
background-color: #663300;
color: #996633;
}
td.bottomtableside a:link { color: #996633; }
td.bottomtableside a:hover { color: #996633; }
td.bottomtableside a:visited { color: #996633; }


*/

/* bottom left color - the counter
td.bottomtablesideleft {
background-color: #222222;
color: #eeeeee;
}
*/

/* this color is a small row for measuring the internal available size - has to be set to the surounding color
td.twg_bottom {
background-color: #222222;
}
td.twg_counterpixel {
background-color: #222222;
}
*/

/* top middle color
td.topnav {
background-color: #222222;
color:#eeeeee;
}

td.topnav a:link { color:#eeeeee; text-decoration: none; }
td.topnav a:visited { color:#eeeeee; text-decoration:none; }
td.topnav a:hover { color:#999999; text-decoration:none; }
*/

/* settings for the top left cell where the galleries path is shown
td.topnavleft {
background-color: #222222;
color:#eeeeee;
}

td.topnavleft a:link { color:#eeeeee; text-decoration: none; }
td.topnavleft a:visited { color:#eeeeee; text-decoration:none; }
td.topnavleft a:hover { color:#999999; text-decoration:none; }
*/

/* settings for the top right cell where the menu buttons are
td.topnavright {
background-color: #222222;
color:#eeeeee;
}

td.topnavright a:link { color:#eeeeee; text-decoration: none; }
td.topnavright a:visited { color:#eeeeee; text-decoration:none; }
td.topnavright a:hover { color:#999999; text-decoration:none; }


Top
  
 
 Post subject:
PostPosted: 17. Mar 2006, 18:35 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 11232
have you removed the comment around?

in my example my_style.css everything is commented!


Top
 Profile  
 
 Post subject:
PostPosted: 17. Mar 2006, 18:38 
nop :)

/*******************
Copyright (c) 2004-2005 TinyWebGallery
written by Michael Dempfle
TWG version: 1.3b
********************/
/*
This is the stylesheet where you can do your personal settings -
You find the most important settings to adapt the colors of your gallery!

I recommend not to modify the style.css because if I upgrade you can still
use your stylesheet! copy the stuff you change into this css. The settings
in this file overwrite the default settings!

Remove this file if you don't use it because otherwise its transfered to the server!

To activate the example below copy the * / (no space between * and /) to the end of the description

/ * Settings for the background - you can specify a backgoundimage for all albums! e.g. background-image: url('my_background.jpg');
body.twg {
background-color: #000000;
color: #000000;
}
a:link { color: #996600; }
a:hover { color: #996600; }
a:visited { color: #996600; }

/* If you use an background image this hover settings could create ugly borders! Delete them if you don't like them */
td.navicon a img{ border: 1px solid #99ccff; }
td.html_side_default a img{ border: 1px solid #99ccff; }
td.html_side_left a img{ border: 1px solid #99ccff; }
td.html_side_right a img{ border: 1px solid #99ccff; }

td.sideframe {
background-color: #663300;
}

td.twg_info {
border: 0px none #339933;
}

.twg_title {
color: #996600;
}

.twg_folderdescription {
color: #996600;
}

.twg_Caption {
color: #996600;
}

.twg_user_help_td {
color: #996600;
}

.twg_topx_selected {
color: #996600;
}

.twg_topx_sel {
color: #996600;
}
.twg_topx_sel a:link { color: #996600; }
.twg_topx_sel a:hover { color: #996600; }
.twg_topx_sel a:visited { color: #996600; }

td.topnavleft {
background-color: #663300;
color: #996633;
}
td.topnavleft a:link { color: #996633; }
td.topnavleft a:hover { color: #996633; }
td.topnavleft a:visited { color: #996633; }

td.topnav {
background-color: #663300;
}

td.topnavright {
background-color: #663300;
color: #996633;
}
td.topnavright a:link { color: #996633; }
td.topnavright a:hover { color: #996633; }
td.topnavright a:visited { color: #996633; }

td.bottomtablesideleft {
background-color: #663300;
color: #996633;
}
td.bottomtablesideleft a:link { color: #996633; }
td.bottomtablesideleft a:hover { color: #996633; }
td.bottomtablesideleft a:visited { color: #996633; }

td.bottomtable {
background-color: #663300;
}

td.twg_bottom {
background-color: #663300;
}

td.twg_counterpixel {
background-color: #663300;
}

td.bottomtableside {
background-color: #663300;
color: #996633;
}
td.bottomtableside a:link { color: #996633; }
td.bottomtableside a:hover { color: #996633; }
td.bottomtableside a:visited { color: #996633; }


*/

/* bottom left color - the counter
td.bottomtablesideleft {
background-color: #222222;
color: #eeeeee;
}
*/

/* this color is a small row for measuring the internal available size - has to be set to the surounding color
td.twg_bottom {
background-color: #222222;
}
td.twg_counterpixel {
background-color: #222222;
}
*/

/* top middle color
td.topnav {
background-color: #222222;
color:#eeeeee;
}

td.topnav a:link { color:#eeeeee; text-decoration: none; }
td.topnav a:visited { color:#eeeeee; text-decoration:none; }
td.topnav a:hover { color:#999999; text-decoration:none; }
*/

/* settings for the top left cell where the galleries path is shown
td.topnavleft {
background-color: #222222;
color:#eeeeee;
}

td.topnavleft a:link { color:#eeeeee; text-decoration: none; }
td.topnavleft a:visited { color:#eeeeee; text-decoration:none; }
td.topnavleft a:hover { color:#999999; text-decoration:none; }
*/

/* settings for the top right cell where the menu buttons are
td.topnavright {
background-color: #222222;
color:#eeeeee;
}

td.topnavright a:link { color:#eeeeee; text-decoration: none; }
td.topnavright a:visited { color:#eeeeee; text-decoration:none; }
td.topnavright a:hover { color:#999999; text-decoration:none; }
*/

/* Font setting for the caption ! - default right now
.twg_Caption {
}
*/

/* The following 3 blocks are for a different border around the image - look at the original settings in the syle.css and play around until you have a shadow you like (or turn it off in the config.php)
/* the settings for the details image (border ...)
.twg_imageview {
border : none;
vertical-align: middle;
text-align: center;
margin: 0px 0px 0px 0px;
}
*/

/* does the drop shadow - if you want a different one: adapt this settings - image-view does still a nice boarder
div.twg_img-shadow table {
display: block;
position: relative;
background-color: transparent;
border: 1px solid #000000;
margin: 0px 0px 0px 0px;
}

/* does the drop shadow - if you don't like it - clear this settings - image-view does still a nice boarder */
/* does not look nice if ie and a background image is used - therefore I removed it from the default - if you use white background this looks really good
div.twg_img-shadow {
background: url(buttons/shadowalpha.png) no-repeat bottom right !important;
background: url(buttons/shadow.gif) no-repeat bottom right;
margin: 10px 0px 0px 5px !important;
}
*/

/* If you have a big difference in the folder names you should set the width of the table cells of he overview page! makes it look more proffesional
td.mainnav {
width: 170px;
}
*/

/* You find the settings for the top x text in the main stylesheet at .twg_topx ... if you want to change them too */


Top
  
 
 Post subject:
PostPosted: 17. Mar 2006, 18:40 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 11232
somewhere in the middle is a comment */ too much.

But i even tested it with this setting - I get a black background!
ie and ff

/Michael


Top
 Profile  
 
 Post subject:
PostPosted: 17. Mar 2006, 18:42 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 11232
close the /*

after
/ * Settings for the background - you can specify a backgoundimage for all albums! e.g. background-image: url('my_background.jpg');


with */

if you use the color manager just use the generated code there and remove everything else form the my_style.css

/Michael


Top
 Profile  
 
 Post subject:
PostPosted: 17. Mar 2006, 18:48 
solved :)
thanks bro...
great script


Top
  
 
 Post subject:
PostPosted: 17. Mar 2006, 18:48 
Offline
Site Admin
User avatar

Joined: 1. Aug 2005, 12:53
Posts: 11232
your are welcome ;).

have fun using TWG


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 11 posts ] 

All times are UTC + 1 hour [ DST ]


Who is online

Users browsing this forum: No registered users and 32 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
cron
powered by phpbb | Datenschutz/ Privacy policy