LITTLEUS! a big question for you :)

  • 2
  • Question
  • Updated 10 years ago
  • Answered
on your website, (littleus.info) how do you make the content go in a box & the background drfferent, i would like to use that style.

Alex
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes

Posted 10 years ago

  • 2
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hey Alex =)

Umm... do you mind posting a screenshot of what you mean? If you have Vista, then you can do this by going to your accessories, click on Snipping Tool. Then highlight the area that you want to "snip" to show me.
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
all the stuff scribbled on in red, how do ya create this effect?

Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Ohh.. I see! The background is the same as how you'd put in your background image. Go to Properties, then background image and select your image.

However, the tricky part is the background in the boxes. I can't even remember how I did it! Hang on a sec and lemme see what I did and then I can give you the steps okay.
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
thanks, but if its not just pastin 2 or 3 codes then it doesnt matter.
Photo of stormydaycrafts.com

stormydaycrafts.com

  • 110 Posts
  • 1 Reply Like
oh my what a cute site.. no wonder why you are a champ!
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Thanks stormy! =)
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
I got it figured out. It's actually quite simple. Just drag an HTML widget over and this needs to be the first thing under your banner. Paste this code in:

<table width="100%" height="100%" border="5px" bordercolor="#d37961" align="center" cellpadding="0" cellspacing="0" bgcolor="#e9e0c5" class="outline"> <table style="border: 5px solid #d37961" bgcolor="#e9e0c5"><tr> <td valign="top"><table width="850" height="10" border="0" cellpadding="0" cellspacing="0" background="%20"> <tr> </tr> </table>

You can change the colors to your liking of course.

When you paste it in, on the first time, it'll look like it's just a rectangle and doesn't cover the whole content box. That's okay. Just add your stuff and save. Once you preview it, it'll all go in the box.

Now.. after the 1st time, this is where it gets a little tricky. You'll have to do some dancing about! =) You'll need to switch to a 2-column layout using the change layout button. Add your content in the right hand column. Once you've added your content, then switch back to a 1 column layout and this will make sure that everything is lined up underneath. Otherwise, for some reason, the most recently added stuff is placed on the top rather than on the bottom.

A bit wacky I know!
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
WOW,

thanks littleus! it looks great, just tinkering now :)
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Awesome! I wanna see the results when you're done. =)
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
1 small problem :s i cant make the colours change, i enter the codes and it still stays the brown colours you set.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
what color did you want Alex? What color border? I'll put 'em in for you and then post the code again.
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
the background to be white #FFFFFF
the border to be red 'FF0033

alex
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Here you go Alex:

<table width="100%" height="100%" border="5px" bordercolor="#FF0033" align="center" cellpadding="0" cellspacing="0" bgcolor="#ffffff" class="outline"> <table style="border: 5px solid #FF0033" bgcolor="#ffffff"><tr> <td valign="top"><table width="850" height="10" border="0" cellpadding="0" cellspacing="0" background="%20"> <tr> </tr> </table>
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
thanks!
see my test result at

http://sportie.yolasite.com/zome.php
its a test for htme but the z puts it at the bottom of the page list :)
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
great job Alex! I'm in shock that it actually worked for you with you past history of coding problems! =) Seriously though, it looks really good!
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
thanks :), i sorta stole Yolas GSFN background :) (shoosh!)
i am still experiencing problems but i am nearly oliminating them :)
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Yes... I saw that you were a little pickpocket. =) Better clear it with them first! =)
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
yaa, im gunna now :)
Photo of adam

adam

  • 100 Posts
  • 0 Reply Likes
what style is littleus.info and how do you get yolas gsfn
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
The template is Cleanslate & what do you mean by the 2nd question?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Has Alex answered everything for you A site? Please let us know if you have further questions.
Photo of adam

adam

  • 100 Posts
  • 0 Reply Likes
do not quite understand backround and menu how do you make them
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
I got my background from this site: http://www.patterncooler.com/index.ph...=

After you select your background and download it to your computer. Then, you need to go to your file manager in your site builder. Click on upload file and upload the background file. Then, go to properties on the right-hand side, scroll down until you see "background image". Select your background image.

Let me know if you are able to do this. Then, I'll go on to the menu. I don't want to overwhelm you with everything all at once! =)
Photo of adam

adam

  • 100 Posts
  • 0 Reply Likes
thanks what about menu
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
on sports-info.info or littleus.info?
Photo of adam

adam

  • 100 Posts
  • 0 Reply Likes
LITTLEUS.INFO
Photo of Alex

Alex

  • 3448 Posts
  • 39 Reply Likes
ts just some images made with Cool text

hope this helps :)
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hi A Site.. to make the menu in littleus.info.. it's actually 3 or 4 step process.

Let's start with step #1

Alex is right.. I did make the round buttons through www.cooltext.com. I suggest that you do that too. After you've created your buttons, then you'll need to upload them to your file manager.

Let me know if you need further help with step #1 or when you've done this part. Then, we'll go onto the next step.