CSS and HTML snippets

[nebur]

I would like to see an area for begginers with CSS and HTML snippets and how to's, to further customized the look of a website.

[NickyLimes]

Hello Nebur!

     You read our minds!!!  We are hoping to start that here as a matter of fact.. For now as we get started they will be in the site editor section and if we get the following we expect to then it will have it's very own section here!

Did you have any examples you would like to kick off with??

[deceptikam]

In addition to that, we have a bunch of customers who build sites to help people with customizing their sites. Hopefully they will join us here in the community to offer direct advice. Until then, here is a site that I find super useful. 

weeblytricks.weebly.com

This isn't a Weebly developed site, rather a Weebly customer knowlegable on things like html and css. If you search 'css' on the site you can find a bunch of helpful tips.

[nebur]

Thank you, deceptikam, I'll take a look to that site.

[tphouston]

Wow, weeblytricks is great! So much good stuff!!!

I run a very modest and behind the curve site at www.weeblyfans.weebly.com. If you'd like to visit it and send me feed back, that would be great. It also has a responsive blog and a forum page where any input, creativity or otherwise amazing weeblyness is  very, very welcome. The reason I've posted this here is that I hope to get a good focus on HTML and CSS tips and goodies, as well as any other fun we can find and share.

I would like to take this site to the next level and with your help that might just be able to happen.

Best wishes and I hope to see you there

[BigDiesel]

That site is pretty cool. I haven't seen it before.

[nebur]

,

---

@NickyLimes wrote:

Hello Nebur!

     You read our minds!!!  We are hoping to start that here as a matter of fact.. For now as we get started they will be in the site editor section and if we get the following we expect to then it will have it's very own section here!

Did you have any examples you would like to kick off with??

---

NickyLimes,

That's great to hear about having a dedicated section just for this area in the near future.

No, I don't have anything, I need to learn first, I only have a very basic idea of how this works, hence my question about it,

hopefully in the future I'll be able to help someone in this area.

[EricC1]

Terrific idea! In the meantime, maybe they'll let you pose questions in the Themese section (since you'll probably be customizing a theme) or site editor (which allows you to add your own specialized code).

[Adam7]

---

@EricC wrote:

Terrific idea! In the meantime, maybe they'll let you pose questions in the Themese section (since you'll probably be customizing a theme) or site editor (which allows you to add your own specialized code).

---

I went ahead and moved this to the Themes board since that's a better home for this.

[mandismuses]

Ohmigosh, I would ADORE the option to further customize. I've found little things, like how to bulk-change color coding, by using a color picker to pick the color already on the site, and then posting the entire CSS file into OpenOffice, then using find/replace to find the old color code and add in the new. But a lot of the templates, so much can't be edited, so I'm limited in what templates I can use... making every site look the same, because it's the only one I can sort-of tweak.

I'd love being able to see what each code does, and how to change things like colors or spacing and things.

Examples of my "One Trick Ponies" and the only template I've been able to sort of adjust-

http://www.mandikonesni.com/

http://www.liliompress.com/

http://meganmteems.weebly.com/

http://www.bkwoodstock.com/

http://dragoneyereviews.weebly.com/

http://michellesavage.weebly.com/

As you can see, it's kind of starting to verge on boring and ridiculous, that everyone knows all my sites will look the same LOL Being able to tweak other templates and play with coding snippets would be awesome. Things like that background color inside the frame or the menu up top. Being able to adjust the background itself so it doesn't make them darker and puts the background you wanted on there. 

Being able to do two different button colors, IE, like on the dragoneyereviews site, I wanted them to be one outlined in blue and one outlined in the magenta. Couldn't do that, so we're stuck with the messy looking ones. Being able to further individualize our sites with tutorials as to what goes where would be a huge thing.

[NJRFTF]

You might want to take a look at using the Border Box Tool in the App Center...

http://www.weebly.com/app-center/border-box1?origin=editor

Here's a link to a test page that I just threw up quickly using a text element inside a Border Box to create a button - and that is placed inside a larger Border Box with border size set to 0....

http://www.njrunforthefallen.org/test-page.html

No HTML knowledge needed and it obviously doesn't matter what theme you are using...:-)

---

Being able to do two different button colors, IE, like on the dragoneyereviews site, I wanted them to be one outlined in blue and one outlined in the magenta. Couldn't do that, so we're stuck with the messy looking ones. Being able to further individualize our sites with tutorials as to what goes where would be a huge thing.

---

[bobafett]

There is a another site for weebly tricks that ACTUALLY work with weebly templates.  It is http://www.myweeblytricks.com/

The site is hosted on Weebly.  The curator of that site Domingo Tambasacan had made over 100 widgets and like me he is a self taught css/html expert based in Phillipines.  If programming is not your cup of tea, he can insert the widget you like for $3.