Tutorial: How to work with icons and images in Dolphin

Andrew Boon posted 27th of February 2011 in Dolphin.pro News. 8 comments.

A new tutorial that's bound to become very popular. Submitted by ggsinc, it's a nicely-structured overview of how to deal with images in Dolphin:

 

Tutorial: How to work with icons and images in Dolphin

Dolphin image storage has it's own internal logic, but when you first encounter it you may feel as though the images you are looking for are hiding from you. This Tutorial will help you find the images and the ways to edit and replace them. This is only for the actual images and icons on the site. The formatting images (such as backgrounds) aren't included here specifically, but you can use the techniques in this Tutorial to find them, as well.

 

 
Comments
·Oldest
·Top
Please login to post a comment.
Pb551
Pb551•2nd of March 2011
 
Wow. !
Nice work. . . . .now its easy to customize icons/images and give it your look. . . . .
Awesome work done. . .
Thanks alot. .:-)
Saif
Permalink•Reply•Plus•0 pluses
Diddy
Diddy•3rd of March 2011
 
Very very well done :-)

Thank you so much ggsinc!
Permalink•Reply•Plus•0 pluses
italian-backtracker
italian-backtracker•8th of March 2011
 
best work but missed how to change icon messenger and iPhone/Android rebranding

thanks also
Permalink•Reply•Plus•0 pluses
ggsinc
ggsinc•10th of March 2011
 
Since it's so long, you might try using the "find" feature on your browser to find something specific - and/or look at the file that I included w/ the complete list of all images that I could find anywhere in the Dolphin install. The iphone/android app icons are in there, but if you are referring to the images found w/i the apps themselves - you won't find them. This is only the icons and images in the default Dolphin install.
Permalink•Reply•Plus•0 pluses
hpsiorg•11th of March 2011
 
Impressive work. Tremendous asset for working with Dolphin. If other aspects of Dolphon were 1/2 as complete, we'd be in business. =)

I do have a question though not sure if this is the right place to ask:

Since Dashboard and Profile seemingly contain many similar functions, I consolidated the two under the Profile top-level menu, and removed many submenu items I didn't need. Unfortunately the submenu items under the new single Profile menu don't all use the same icon (because they came from see more Dashboard and other places). I tried updating the Picture field for these submenu items in the Navigation menu with bx_profile.png but it didn't work.

Any idea if/how to make all the submenu icons the same in this case?

Thanks!
Permalink•Reply•Plus•0 pluses
ggsinc
ggsinc•15th of March 2011
 
Dolphin seems to have some peculiarities about what images and what folder locations that it will allow you to enter into those fields, and I haven't managed to figure out the strange logic of it all. I would recommend saving the image you want to use for both of these as both image names and upload to your template folders.

For ex. if you want to use the default bx_profile.png: 1. save the image to your desktop and rename it dashboard.png. 2. upload the new image named dashboard.png to the folder see more /templates/YOURTEMPLATE/images/icons/. 3. clear your cache and reload your browser.

The image should now show up in all instances as the same for both categories.
Permalink•Reply•Plus•0 pluses
BankerGuy
BankerGuy•15th of April 2011
 
Hello Everyone,

We are LEADERS first of our site and it is up to us to shape, mold, guide and help change behaviors of our members by being proactive (help to change it) not (re-active, ie oh my another member has forgotten or overlooked the opportunity to change the avatar during sign-up) and then you try to chase the member to ask him or her to please upload an avatar image. We all know that this can take a "lifetime" to accomplish especially if you have a very popular website.

Here see more is my solution that I would like to share with all of your because in the final end it does not matter if it was a man or a women who by passed or overlooked the opportunity to change their avatar and now your member block looks like silhouette bomb hit it. This suggestion will help ALERT them to the fact that their avatar does not look like the other avatars where members actually upload a photo or image thus helping to reduce the grey silhouette pollution..............LOL On my site I change the silhouettes to an image that reads "NO AVATAR SELECTED" it is the same image for both men and women members (we can always check for how many we have of each sex in our admin panel).........This way when the member logs in they will see that they did not select an avatar.......and they will either ask questions about how to do it (which I have in a knowledgebase Q&A area of my site, or they will just figure it out and do it themselves. I mean let's face it, the truth is nobody likes to be different from the community or look like an oddball...........LOL

I have provided the link below to the image (it is already sized to the 64x64 pixels) for everyone to use if you like my "proactive" idea.....To see it in action you can take a look at my website at: http://www.socialpuzzlecommunity.com

image located here: http://www.socialpuzzlecommunity.com/images/noavatarselected01.gif

Than you and I hope this helps.......

Kind Regards,

Jeff
Permalink•Reply•Plus•0 pluses
 
 
Home
Features
Pricing
Hosting
Support
About
StartDemo
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.

Blogs

Dolphin.Pro News
BoonEx News
Our Journey
Social Software World
Community Voice

Help

Support Forums
Documentation
BoonEx at GitHub
Custom Jobs
Contact Support Team

Product

Dolphin.Pro Features
Live Demo & Sandbox
Download Packages
Pricing & Order
Contact Sales Team

Company

Contact Us
About BoonEx
Privacy Policy
Terms & Conditions
© BoonEx Pty Ltd
SSL
© BoonEx
Home
Features
Pricing
Support
Hosting
About
Demo
PET:0.11016798019409