TinyPortal

Development => Support => Topic started by: neoxes on June 30, 2012, 01:37:27 PM

Title: [SOLVED] Theme icons (collapse, expand, edit etc)
Post by: neoxes on June 30, 2012, 01:37:27 PM
Hi! I've a little question, maybe you already talked about it but I can't find a related topic.

There is a way to use default theme icons (collapse, expand, edit, etc) instead of tinyportal ones?
They looks ugly when another then default theme is used and I like to allow my users to change it.
Title: Re: Theme icons (collapse, expand, edit etc)
Post by: Freddy on June 30, 2012, 02:04:46 PM
Just overwrite the ones you don't like with ones you do like.
Title: Re: Theme icons (collapse, expand, edit etc)
Post by: neoxes on June 30, 2012, 02:15:12 PM
Quote from: Freddy on June 30, 2012, 02:04:46 PM
Just overwrite the ones you don't like with ones you do like.

Uhm... This way I still have the same icons for all themes.
Title: Re: Theme icons (collapse, expand, edit etc)
Post by: Freddy on June 30, 2012, 02:17:11 PM
Oh I see, hmm, so you want different TP icons for different themes ?  Not sure about that, hopefully someone else will have a better idea :)
Title: Re: Theme icons (collapse, expand, edit etc)
Post by: ZarPrime on June 30, 2012, 03:22:21 PM
OK, this is not too difficult.  Normally, the TP icons are located in this folder on your site ...
YourSite/Themes/default/images/tinyportal/VariousImages

If you want to use different icons for different themes, all you need to do is to make sure that you have the following folders in the folder for your custom theme ...
YourSite/Themes/YourCustomTheme/images/tinyportal/

So, now, if you want to use a different TPcollapse.gif in your custom theme, upload the TPcollapse.gif you have created to that folder in the Custom theme and the theme will use the new image you have made.

For instance, this is the default image ...
YourSite/Themes/default/images/tinyportal/TPcollapse.gif

... and this would be the custom image you created ...
YourSite/Themes/YourCustomTheme/images/tinyportal/TPcollapse.gif

ZarPrime
Title: Re: Theme icons (collapse, expand, edit etc)
Post by: neoxes on June 30, 2012, 08:32:17 PM
Quote from: ZarPrime on June 30, 2012, 03:22:21 PM
OK, this is not too difficult.  Normally, the TP icons are located in this folder on your site ...
YourSite/Themes/default/images/tinyportal/VariousImages

If you want to use different icons for different themes, all you need to do is to make sure that you have the following folders in the folder for your custom theme ...
YourSite/Themes/YourCustomTheme/images/tinyportal/

So, now, if you want to use a different TPcollapse.gif in your custom theme, upload the TPcollapse.gif you have created to that folder in the Custom theme and the theme will use the new image you have made.

For instance, this is the default image ...
YourSite/Themes/default/images/tinyportal/TPcollapse.gif

... and this would be the custom image you created ...
YourSite/Themes/YourCustomTheme/images/tinyportal/TPcollapse.gif

ZarPrime

So, if I make a folder named: ""YourSite/Themes/YourCustomTheme/images/tinyportal/"" where i put all the default images with TP names (adding TP prefix or renaming) it should work for every image, right?
Title: Re: Theme icons (collapse, expand, edit etc)
Post by: IchBin on June 30, 2012, 09:55:17 PM
If you have the tinyportal directory in your images folder it should pick it up as long as you have all the same names for the files that are in the default/images/tinyportal folder. Not exactly sure if that is what you are saying. You just need to copy the folder over to your custom theme and replace the images with your custom images.
Title: Re: Theme icons (collapse, expand, edit etc)
Post by: neoxes on June 30, 2012, 11:28:45 PM
Quote from: IchBin™ on June 30, 2012, 09:55:17 PM
If you have the tinyportal directory in your images folder it should pick it up as long as you have all the same names for the files that are in the default/images/tinyportal folder. Not exactly sure if that is what you are saying. You just need to copy the folder over to your custom theme and replace the images with your custom images.

It's exactly what I want, a "dynamic" change of icons with theme.
Title: Re: Theme icons (collapse, expand, edit etc)
Post by: neoxes on July 10, 2012, 04:39:53 PM
Quote from: IchBin™ on June 30, 2012, 09:55:17 PM
If you have the tinyportal directory in your images folder it should pick it up as long as you have all the same names for the files that are in the default/images/tinyportal folder. Not exactly sure if that is what you are saying. You just need to copy the folder over to your custom theme and replace the images with your custom images.

I copied the folder and updated my images, but tinyportall still loads images from default theme directory.
Title: Re: Theme icons (collapse, expand, edit etc)
Post by: IchBin on July 10, 2012, 10:11:15 PM
Has your browser cached the images? Have you tried clearing your cache to see if it fixes itself?

Link to your site with the problem?
Title: Re: Theme icons (collapse, expand, edit etc)
Post by: neoxes on July 11, 2012, 11:37:01 AM
Quote from: IchBin™ on July 10, 2012, 10:11:15 PM
Has your browser cached the images? Have you tried clearing your cache to see if it fixes itself?

Link to your site with the problem?

Yes, i tried. My website is www.evezine.eu
Title: Re: Theme icons (collapse, expand, edit etc)
Post by: IchBin on July 11, 2012, 04:04:55 PM
This image does not exist.
http://www.evezine.eu/Themes/ds-natural_20/images/tinyportal/TParticle.gif

That is the image that TP checks for to see if you indeed have images in the images/tinyportal/ folder. If that image exists it will automatically pick up the custom images.
Title: Re: Theme icons (collapse, expand, edit etc)
Post by: neoxes on July 11, 2012, 06:38:59 PM
Quote from: IchBin™ on July 11, 2012, 04:04:55 PM
This image does not exist.
http://www.evezine.eu/Themes/ds-natural_20/images/tinyportal/TParticle.gif

That is the image that TP checks for to see if you indeed have images in the images/tinyportal/ folder. If that image exists it will automatically pick up the custom images.

TPArticle? Not collapse and expand? I made this folder:

(https://www.tinyportal.net/proxy.php?request=http%3A%2F%2Fi1094.photobucket.com%2Falbums%2Fi455%2Fneoxes%2Ftiny.png&hash=6a8610c1cebe4554105c9feac0ca0fecb82ec906)
Title: Re: Theme icons (collapse, expand, edit etc)
Post by: lurkalot on July 11, 2012, 08:07:57 PM
Just tried it on my testsite, and just changed my TPupshrink , TPupshrink2 , TPcollapse , TPexspand icons, they work fine. See here, http://cctestsite.info/forums/index.php?theme=28

I did as IchBin said, copied the themes/default/images/tinyportal folder to my desktop.  Changed the icons, then uploaded the folder to Themes/ds-natural_20/images/
Title: Re: Theme icons (collapse, expand, edit etc)
Post by: neoxes on July 11, 2012, 08:52:08 PM
Quote from: lurkalot on July 11, 2012, 08:07:57 PM
Just tried it on my testsite, and just changed my TPupshrink , TPupshrink2 , TPcollapse , TPexspand icons, they work fine. See here, http://cctestsite.info/forums/index.php?theme=28

I did as Ichbin said, copied the themes/default/images/tinyportal folder to my desktop.  Changed the icons, then uploaded the folder to Themes/ds-natural_20/images/

Works! Thank you!
Title: Re: Theme icons (collapse, expand, edit etc)
Post by: lurkalot on July 12, 2012, 12:10:34 AM
Quote from: neoxes on July 11, 2012, 08:52:08 PM

Works! Thank you!


Looks good neoxes.   O0 

Marking solved.  ;)