Wonderful! Pretty and functional. My eyes are loving these new templates. :)

maybe some other day i will make another one myself, i would love to see some other ones different people make. i started working one with some butterflies, but that was about when i had to unplug...but maybe one day i will make a butterfly theme...

What level of coding ability would it take to produce one of these styles? I'd like to help out, but my knowledge extends to HTML and a touch of CSS. I don't really know where to start.

it really is not very hard, even for someone without knowing any HTML or anything. i found it pretty easy, though theres a lot of tedious fussy details if you really want to get into it...

but having a few examples already made makes it much easier. one can copy parts of the code that has already been written on any of the previous versions.
or leave one of the previous versions pretty much intact, and just change a few of the lines, to produce a completely different version.

if you go to the page to install them, HERE...look at the ones that are closest to what you want to do...then install that one. after installing theres an icon in your browser to "manage styles" or go to "add-ons" through the firefox browser "Tools".

at the add-ons page theres an option, beside the name of the style you installed, to "edit". if you click that it will open up the coding page, which is self explanatory.

theres a "preview" button to view your choice as you go, and a save button for the final version you choose. have garden web open in another tab, you keep going back and forth after you make big changes, to see if it worked like you thought.

when you save it give it a new name, cause i am not exactly sure, but i think if anyone edits it and saves it, it edits all of them! so you have to change the name, on the top of the code edit page.

also a good thing to do is to go to the different pages of the available versions, and in there is an option for "show CSS" or something....if you click on that it will show you the code....so you can copy and paste pieces into your new version and see what that does.

brb, i need more coffee, before explaining anymore =)

I think it's only like that on a PC. I'm on an android tablet (with firefox), and can't seem to open the edit window. I look for a solution on their forum. If I can't find one I'll try it later from a PC. Thank you, though! You told me where to look, now I know I'm not just missing it.

ah, i see =)
well you might want to help work on the one molanic is writing, where he is writing the code to help with small screens and tablets....
here is some of it, you can check out some of the code:

https://userstyles.org/styles/110522/gardenweb-houzz-layout

then also :
https://userstyles.org/styles/110474/gardenweb-houzz-colors

and here is the tester one he is workin on, i think:

https://userstyles.org/styles/110813/gw-houzz-tablet-testing-only

then you can add in parts of other ones for styles and colors...or write your own.

anywho the icon is a little S...almost a super man lookin S with colors around it....it shows up in your browser once you install one, and will allow you to o back and forth if you install a few versions

heres a repost, i am quoting myself =) from another thread....but heres a little more explaining...

i made a few that i was trying to create sort of a universal
one...where all you have to do is change the picture, basically plug in
your own image. those are the last ones i did called "backgrounds" and
also another one with the morning glories.
-morning glory with blues-

it might be a bit intimidating, but if you install them, go to add-
ons (in your browser "Tools" or click on the S icon, then "manage styles"), click edit...it brings up the code in another tab.

if you scroll
down to where theres a web address, and erase that one then put your
own picture's web address in, it will show that image in the background.

(tip, you should use .png format for your image, upload it to photobucket or whatevs. the .png format is better at being variable in size, so it will resize better)

and with the text box defined with a different color, so its not just
on top of the image. if you felt bold, you take one and then go look for where the text box color is, figure
out the number of the color you want....and then change that number to
whatever color you want.

you can also use them on top of each other.
the simple font and color changing one that molanic made will help a
lot with the colors of links, size of fonts, and such. so you can start
with which ever one you like best, then install the color changing one
to add the text boxes, the font size...etc...and it will be both at
once, and work together.

this is the one that changes colors and fonts:
https://userstyles.org/styles/110474/gardenweb-houzz-colors

I just installed the purple morning glory version; Oh my goodness, what a relief! My eyes thank you, and my psyche does too, for the friendly, homey feel.

nice!

let me know if anything gets wonky with it, i will try to work on it if anything is weird.
i have a large screen, so the ones i wrote look good on that...but with different sizes it might not work as well.

? or maybe it will scale down ok.
theres a few areas where the text is quite big, and at first i had some issues with the boxes overlapping, not enough
space for the large font, stuff like that.

heres my latest attempt:

https://userstyles.org/styles/110866/gardenweb-daffodil-style-2-tablet-tester

was working on what molanic had been writing, trying to clean it up and edit it/organize it...then adding the daffodil style to the small experimental tablet /small screen version he made.

made
it so that the variables one would want to change easily are all at the
top, font + size, color and url of image file....all grouped
together...then all the experimental size/tablet coding is at the
bottom.

it could at least be useful for checking out the code...

actually it looks great on my end....but again i am on a big screen.

but i didnt get the background color to show on the text boxes...for some reason...i wanted a lot of the background to show but not on the threads...and not with a solid stripe of background color...couldnt et it...anyway...but its still pretty....

but o the weird way my brain works...with this screenshot i am wondering how many times would i have to keep taking screen shots of the picture in the picture, in the picture...to get to that weird infinity mirror phenomena =)

I did have to get on a PC to do it, but I managed to take molanic's tablet style, make visible changes, upload it to userstyles.org, then install it on my tablet. Next step is make changes people would find useful!

very cool....
so does your version work ???!
on the tablet, especially?
look good?

if you feel like trying out what i just made it would be interesting. you can disable the style and then add a different one, fairly quickly...then later remove it...

Screenshots:

"My" style, then both, then yours alone.

hey awesome =) that looks like a win!

Mine's also modified to work on houzz, too, or at least on profile pages.

very nice, looks like you have almost mastered CSS in one day =)

ok i will take a page from your book...on the whole domain thing and some other stuff. you can check out the CSS stuff at that one, if you are lookin for the codes for colors/links etc, i tried to oranize it well so it was more easily editable....but yeah i am going to tweak it a few times....

aha ! got it....the background color on the thread around the text!

.addComment, .feedComments .moreComments{
background: #EDF0E2
}
.hbs .comment {
background-color: #EDF0E2 !important;
}

here another screenshot for my infinity ladder =)

with the background colors

Oh wow, Leila you're getting really fancy with the new templates. Just saw the rose, flora, green, blues and new colorful backgrounds. Great job!

Loving the bigger fonts and shaded text box! My eyes thank you.

The "gardenweb (morning glory) with purples" skin you designed is perfect. Except that the texture background for #mainContent took a while to load while still showing a bright white.

Don't give me too much credit, I've used CSS for years. I haven't begun to master it. Usually if I make a change I have to google for the proper syntax. Kind of a perpetual noob. I just looked in the HTML source code to identify a visible element, then added it's code to into someone else's code that was written to hide elements. I couldn't begin to write it from scratch.

Leila getting really fancy with the new templates!!

finally finished with the new batch =)

just finished the gardenweb-rose

which was the only one of the bunch that was really tricky, but got it looking awesome !

https://userstyles.org/styles/110890/gardenweb-rose

maybe it seems like a lot, but now i got a good formula, so its only minutes to make one...different image files.

the others are nearly identical,so they were all super quick.

wanted to make some really simple ones, and a few more elegant ones....but the simpler ones may be more appealing to others.

theres a few more i am working on, also identical mostly except for the background image......but those need some image editing to be ready. like the rose i had to resize it over and over to get it down !

it is one of the best i made tho, imo...

quote

---->I just looked in the HTML source code to identify a visible element,
then added it's code to into someone else's code that was written to
hide elements. I couldn't begin to write it from scratch./quote

....i was impressed by your figuring out the whole domain thing....

but yep,totally. i can write some stuff but its a process of trial and error.

like i finally wrote something to completely remove the followers box that would resize

/*display: none .profile-l-sidebar*/
.profile-l-sidebar .hzBtn {
display: none !important;}

/*display: none .follow-box*/
.follow-section .follow-box + .follow-box {display: none !important;}
.follow-section .follow-count {display: none !important;}
.follow-section .follow-box {display: none !important;}

but then i mostly have to keep guessing at things till something works. i am better with graphics....but its good to learn things, give the old brain cells a workout.

made a new one.
gardenweb - viola

at this point i could make a bunch, cause i have the basic template done and added a bunch of stuff to it and basically finished it up=)

so all i would need are the pictures.....which may take awhile to edit..my poor gardens are getting neglected tho! so time for a break....

had been working on the rose skin a few days ago...somehow threw it off a bit...managed to fix it up again just now....been using the newest rose one myself.....

anywho this is my latest one:

gardenweb-rose-2

houzz changed up their pages, which made these page designs go wonky ! but i spent some time here and there over the last few rainy days fixing them up....and making a lot of adjustments....if you go to the different designs, they have all been " updated "...

https://userstyles.org/styles/browse/gardenweb

probably will make a new one after i take a break...now that i worked out the bugs....

ok, quickly made a couple of new ones withe same code i had been working on....

gardenweb-backgrounds-3

and

another rose:

gardenweb-another-rose

feel like giving this thread a bump. it has been so busy with nice weather that i havent had any time to geek out on my computer, but i just took a break and played with the codes i had written last winter.

gardenweb themes
so all of the designs were "updated " again.

anywho, i am really impressed with the one made by
chuggerguy just recently, that allows the user to choose background image, upload an image, choose the background, and many other selections. i played around with that one tonight after updated the ones i made earlier. pretty cool!

here it is if you all want to check it out :
gardenweb-select-upload-your-own-backgrounds

and yeah its cool how i now feel like i sort of get most of it, at least a lot more than when i first started playing around with this. learned myself something =)

bumps for the oldbies, and anyone else...just coming back around