The Studio

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!

  • How to put a video on your page

    I put a music video on my page ages ago--then forgot how I did it! Today, I tried adding a Playlist (using the info Mimi posted here), but I can't figure that out. However, today I remembered how to add 1 video at a time.  First, I added one I'd made, as a test. That worked, so I went back to…

    By DeeBeeCreative

    0
  • Adding glitter to boxes

    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 sja

    By Helen's Playground

    3
  • Making 'main/middle' section smaller?

    Have you figured out a way to make that middle section Transparent? Or how about making it 'smaller', leaving more Background showing?  Just wondering.   

    By DeeBeeCreative

    0
  • Code for Opacity

    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…

    By Mimi58

    2
  • "Photos" section of your Profile page.

    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…

    By Mimi58

    4
  • Moving Boxes on Your Profile Page

    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…

    By Mimi58

    0
  • Background "Tiling" Code

    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;  …

    By Mimi58

    1
  • Customizing Your Profile Page with Banners, Backgrounds and more.

    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…

    By Mimi58

    0
  • Free Backgrounds

    Free sites to download backgrounds. Some ask for attibution.Unsplash https://unsplash.com/s/photos/website-backgroundFreepic…

    By Mimi58

    0
  • TBD Barebones Template

    /*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:…

    By Mimi58

    0