@DownPW Always looking for ways to improve the overall experience.
Rebranding / other changes
-
good it’s a very cool logo
-
I had the same idea today for the color change for PW
-
@DownPW Yes, it is very effective. You’ll spend more time on the images themselves than you will on the code !
The code to switch per theme is really simple - example below
$('img[component="brand/logo"]').attr("src", "/assets/customcss/logo/" + whichTheme + ".svg");
-
I had thought of doing it in CSS but why not.
How does it work?
– Here is what I understand:
-
put this code in ACP/Custom JS
-
depending on the theme chosen in the swatch, it applies the logo files in SVG format in “/assets/customcss/logo/”
But the question I ask myself is: is there a particular naming of the logo files?
-
-
@DownPW you’ll need to create the files first. The code I provided is just for reference and won’t work out of the gate.
Changing image by CSS is a possibility, but you can’t change an
img
tag directly which is why I’m usingjs
to do just that. I modified the theme switcher so that it also stores the logo being used. -
Ok I think I understand.
Just out of curiosity, the person who made the logo for you, is it expensive?
Because I don’t know a designer. I manage but it’s not my job.
-
@DownPW not really. It depends on the level of service you want. I can post details if you’d like them?
-
yep, sure. Pm if you prefer
-
The logo looks fantastic!
-
@phenomlab nice logo. I loved it
-
Pls share with us what kind of CSS and JS code should use for it thanks.
-
@cagatay The logo itself? It’s an image.
-
Logo itself its okey but which code i should use to shown it on my website.
-
@cagatay Not sure I follow here - can you elaborate a bit more?
-
What a cool redesign Mark!
Well done my friend
-
-
Some further re-branding changes have been made in the
about
page - not sure if anyone has ever actually read this, but it does explain the mission well -
good Mr.
I would like to know how you make static pages like that. It’s very nice -
@DownPW it’s just standard
html
-
yep but you use a plugin to do it or make HTLML file manually ? Where put you the file etc…
-
@DownPW I write all HTML manually. It’s inserted into page widgets created by
nodebb-custom-pages