HTML Code Needed?

  • 1
  • Question
  • Updated 8 years ago
  • Answered
Hello!

I need some help with some text Again... I randomely found an ad of this site and I clicked on it, and I saw that it's texts and items where in boxes likes these. They weren't just plain one colored boxes that I have always used, so I would like to try out these. Anyone have an HTML code for it, or anyone know what program to use for it, like Paint, Or Gimp? Thanks, I need an answer bad. You can look at the picture for an example...
Photo of Mike

Mike

  • 192 Posts
  • 4 Reply Likes
  • Frustrated

Posted 8 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello ACoolOne.

You could use an image as a background to your text. Here's how to add an image as a background by using the following code:

<!--<div style="border: 2px solid red; width: 400px; height: 80px; background-image:url(http://mysitename.yolasite.com/resour... is where your text goes</div>-->

You can drag a Text Widget onto your page, click on the HTML button on the Text Editing Toolbar and paste in that code. Here is what the various pieces of the code do, each of which you can change to suite what you are trying to accomplish:

* Width is how wide the area will be.
* Height is how tall it will be.
* Border is how thick it will be should you choose to have one, and after that you put the color of the border in this case solid red.
* Background-image is the path name of your file. The path to your files would be: http://mysitename.yolasite.com/resour...

Where:

"http://mysitename.yolasite.com" is the URL of your site.
"resources" is the name of the File Manager (you must not change that).
"folder" - if your file is in a folder, include the folder name.
"file.jpg" is the name of your file.

* Please ensure that the path name is identical to the one in the File Manager in terms of upper and lower-case letters, dots, dashes etc.
* You can put the text you wish to appear where you see: "This is where your text goes".
* Click "OK".

Note: Because this is in a Text Widget, you can also type directly into the Text Widget instead of putting the text you wish to appear in the HTML code. You can also highlight the text and use the Edit Toolbar to change its various attributes such as color and size.

I hope this information is helpful to you. If you have any further questions, please let me know.
Photo of Mike

Mike

  • 192 Posts
  • 4 Reply Likes
Thank You, Thank you, Thank you. I've been looking for an answer like that for days, Thank YOU!
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
My pleasure, glad it worked out for you!