Share ways to use HTML, CSS here or on your own website. Learn how to create your own graphics. Share links to online tools - such as graphic editors. Play with code. But, most of all, have fun!
Website: http://computerscs.com
Members: 13
Latest Activity: Jul 27
Let's have some fun as we learn!
Don't hesitate to ask questions. We'll do our best to answer!
The Studio is a place to exchange information about CSS, HTML and all kinds of web elements, including graphics. Hopefully, you will learn things you can use here or on your own website - and have fun doing it!
You are welcome to simply browse the posts or jump in and ask and/or answer questions, share code, tips and techniques and/or make recommendations. Tell what worked (or didn't work) for you. Suggest websites or tools and more. If there is something you'd like to share, feel free to post. If there is something you'd like to learn to do, we'll do our best to help!
Found this code on w3 schools site. The code by itself is - filter: opacity(50%); - I was helping a friend and tried it out on my page for an image in the center section. I didn't like it at all, LOL. However, I'm adding it here if anyone else wants to try it.For the middle section, you would use this code. Replace - PUT THE LINK TO YOUR IMAGE HERE - with the link to your image. You cam experiment by changing the amount of the percentage - 50% - 25% - 75% and so on.#xg_navigation, #xg_body…Continue
Started by Mimi58. Last reply by Mimi58 Jul 9.
Deleting photos from the Photo section of your profile page is not hard once you know the path to take. But finding that path was a headache, LOL.First, Click on the "View All" button at the bottom of the section. I know. The picture below has a lot of wasted space, but that is how it looks on my Profile page. …Continue
Started by Mimi58. Last reply by Mimi58 Jun 6.
I just stumbled onto this by accident. Then I had to fix the snipping tool on my laptop before I can take screenshots to show.As you hover over cetain place (like your headshot) your cursor changes shape and a little icon with lines going the 4 directions of a compass appears. You can click and hold and move that box. …Continue
Started by Mimi58 Jun 1.
The Skin Code Example thread uses code for a full size background: body { background: #00011F url(DIRECT_LINK_TO_BACKGROUND_IMAGE) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } But, if you are going to use a small image that will repeat, you need to change no-repeat to…Continue
Started by Mimi58. Last reply by DeeBeeCreative May 31.
Here are some posts to help you get started customizing your profile page with backgrounds and more. Some people call this creating "skins" Don't hesitate to ask questions or post tips.ProfileSkins01: Where to put code https://teebeedee.ning.com/group/studio/forum/topics/profileskins01-where-to-put-codeProfileSkins02: Backgrounds…Continue
Tags: design, customize, skins, background, banner
Started by Mimi58 May 30.
Free sites to download backgrounds. Some ask for attibution.Unsplash https://unsplash.com/s/photos/website-backgroundFreepic https://www.freepik.com/free-photos-vectors/website-backgroundpixabay https://pixabay.com/images/search/background/pexels…Continue
Started by Mimi58 May 25.
/*TBD Barebones Template*/ Copy code between this line and the next horizontal line. Make changes you want body {background: #ffffff url(https://LINK TO YOUR BACKGROUND IMAGE.jpg) top center repeat fixed;} /*banner*/ #xg_head #xg_masthead p#xg_sitedesc {margin-top: 50px; height: 380px; background: transparent url (LINK TO YOUR BANNER IMAGE) top center no-repeat scroll;} #xg_head { width:auto; background-color: transparent; border-bottom:5px solid transparent; } .xg_module { …Continue
Started by Mimi58 May 24.
When I create a skin, I link to images that I have uploaded to free sharing sites. Be aware, however, that someone might be able to download an image, be careful about what images you upload. Here are some sites I have used. Free Image Host: https://freeimage.host/ Post Images: https://postimages.org/ Imgur: https://imgur.com/Feel free to…Continue
Started by Mimi58. Last reply by Aggie May 20.
Mimi, I tried add glitter to the boxes by changing the color to a code from Image shack, but it does not work? Any suggestions. I have the glitter already in Image sjaContinue
Started by Helen's Playground. Last reply by Mimi58 Sep 26, 2020.
How do I add some boxes around different areas of the background.? If you want to look Mimi at what I'm working with go to Helen's playground. I'll approve your friend request. Thanks so much. Just so everyone knows it's a closed group where I play with the code. Continue
Started by Grandma Helen. Last reply by Mimi58 Sep 18, 2020.
Comment
If anyone is interested in Graphics, I've written a new Tutorial on how to add 'watery/ripple' effects to graphics with Sqirlz--a free downloadable program. That's how I made the Pepsi graphic that is on my page.
Thanks so much for the inform Mimi ... I haven't had time to try any of this but I have looked around a bit can't wait to get started thanks again.
Thanks Mimi..I can hardly wait until I get some free time to explore and start being creative again.
Thanks a bunch, I need this!
Thank you. Maybe I will learn a thing or two here.
Howdy, Patricia! Welcome to the group.
Howdy, Syble! Welcome to the group.
Some Boomerville Members are joining TBD, make them welcome.
You're welcome, Aggie. Hope someone finds something useful. :)
© 2025 Created by Aggie.
Powered by
You need to be a member of The Studio to add comments!