How can i add border around my text?
I want to divide my text in boxes, just like its done here http://thaicookinghouse.com/..
is there any way to do it? some HTML will also do for me
is there any way to do it? some HTML will also do for me
1
person has this question
I have this question, too!
Tell me when someone answers.
The more people who ask this question, the more it gets noticed.
The more people who ask this question, the more it gets noticed.
The company marked this question as answered.
-
Inappropriate?Hi Monica,
The person who created http://thaicookinghouse.com/ used custom HTML. If you use the email address on that site you can email her and ask her how she did it. She said we could refer people to her who had questions about how she did the site. Just note that it might take her a while to answer you, as she has been getting a lot of emails about her website!
Also, here is a link to an article that will tell you how to put borders around your text boxes: http://www.mandarindesign.com/boxes.html or http://www.bigbaer.com/css_tutorials/
Hope this helps....
Regards,
Kershnee -
hello every body! border around text can be created very easily. go to this link and learn how to do this. the link is http://forums.synthasite.com/tables-i... -
Inappropriate?Hi Monica,
Drag and drop HTML or text widget on to a test page. Copy and paste the code on the HTML editor. Remove "<!--" and "-->. Preview the page and you will see different samples of borders. These sample are basic border with inline CSS, if you want more better look, it can be done.
<!--
<div style="border: 1px solid ;">Example 1</div><br><br>
<div style="border: 2px solid red;">Example 2</div><br><br>
<div style="border: 3px dotted gray;">Example 3</div><br><br>
<div style="border: 4px dashed green;">Example 4</div><br><br>
<div style="border: 1px double ;">Example 5</div><br><br>
<div style="border: 1px groove ;">Example 6</div><br><br>
<div style="border: 1px ridge ;">Example 7</div><br><br>
<div style="border: 10px inset ;">Example 8</div><br><br>
<div style="border: 10px outset ;">Example 9</div><br><br>
<div style="border-left: 10px solid;">Left border only</div><br><br>
<div style="border-right: 10px solid;">Right border only</div><br><br>
<div style="border-top: 10px dashed blue;">Top border only</div><br><br>
<div style="border-bottom: 10px dotted pink;">Bottom border only</div><br><br>
-->
Hope this help. Let me know if you have any questions.
Niddy
I’m happy
-
Niddy,
I really appreciate this information. Is it possible to add a link inside the borders. How can I add different size fonts in the HTML Border? -
Inappropriate?Hi Monica,
You can play around with the border styles which are solid, dotted, dashed, double, groove, ridge, inset, and outset.
To determine the thickness of the border, just change the number right before "px".
Thanks
Niddy -
Inappropriate?I'm sorry I forgot to mention about color.
If you have custom color and know hexadecimal value, then just replace it.
for example of maroon color:
<!--
<div style="border: 4px dashed #800000;">Example 4</div><br><br>
-->
Thanks
Niddy -
Inappropriate?Wow niddy, thanks alot. Your posts are a great help.
Kershnee, thanks alot for the links :-)
I’m in a mood of hugging synthasite employees
-
I am going to want to see this website of yours, Monica! Sounds like it is going to be awesome! -
I just wish i can complete it soon, creating 60+ pages is a real hardwork :( -
Inappropriate?How can Add different styles and sizes of text insdoes the borders Niddy outlined above?
-
Hi, I have the same question - anyone know the answer? -
Hi Shazzy
If you go to this page I set up you will find many examples of adding a border to a table. If you find one you like then follow the link and you will see exactly how to add them to your website and edit the code to include a font you like. Keep in mind that I would only use the fonts that Synthasite lists in their site editor...
http://texttest.synthasite.com/
Good luck and good site building.
Ed
P.S. In the code where it says "Arial" just insert the font you would like to use. -
Here are the safe ones to use...
Arial
Times New Roman
Verdana
Georgia
Comic Sans Serif
Trebuchet
Courier New
Courier New -
Thank you Ed. You are a star. ;o) just one question that I couldn't fathom out - is it possible to change the font colour? I couldn't see where it goes if I did want to change it. Shazzy -
Inappropriate?there should be a widget for tables and borders. sites would look so much more organized if everyone used borders. it would certainly make my life easier. i always have to design everything in my html editor before posting it on synthasite.
-
Good point. I will add this one to our feature request list. -
Your website looks great. You have some nice boxes. Did you do HTML for those green tags on the categories you have listed on your home page? How do you like Free Forums.org?
Thank you -
Inappropriate?Do you know of any widgets that have borders? What websites have you created with Synthasite?
-
my current project is http://gamedemonarcade.com. hopefully synthasite will have borders someday. monique put it on the list -
Inappropriate?dear naskelis88,
simply highlight the text then click the insert link button then choose the destination -
Inappropriate?Hi naskelis88,
Here's how to add links to your page:
1. Drag and drop a text widget onto your page.
2. In the text widget type the words that you want people to click on (this is your link text)
3. Highlight the link text and then click on the link button (it's the 10th button from the left in the text editing tool bar, and looks like the link in a chain)
4. A link editor dialogue box will open up and you will be given 4 options. You can link to an email address, an external URL, a page on your own site or a file on your computer.
5. Click on the option appropriate for you.
6. Then type the URL or address of the site that you want to link TO in the appropriate box and click on OK.
You will then have a link on your page. To check that your link is working preview your page and then click on the link.
I’m excited
-
Inappropriate?hi todd,
the green tags are actually a 468x60 banner that i think i found here: http://resources.bravenet.com/clipart.... I downloaded the banner, and then uploaded it to photobucket where i made it smaller and put writing on it. i saved a blank copy so i could make as many as i want. i was really thinking out of the box that day. i just saw the banner and thought it would make my page more colorful.
i use my old host 110mb.com to make the tables on my site. it is all html, thats why i moved to synthasite. 110mb has an html editor which lets you create tables and fonts and stuff like that, but all in html. so if i ever need to make a border, i make it at 110mb and then copy and paste the html into an html widget on synthasite.
this is a little off topic, but maybe synthasite should have a small html editor built in it so that more experienced users, as well as anyone willing to learn, can use it to make their sites better without depending on those widgets which, i certainly, barely use. believe it or not, but the pages on my site that contain the games, all 200+ of them, is all an html template that i designed myself using tables (i set the border to 0 so you can't see them). the template takes up 10 pages on a word document -
Hi gamedemon. SynthaSite does have an HTML editor. You drag and drop the HTML widget from the sidebar on the right onto your page and the HTML editor will then open up. You can use this to add custom HTML to your site. Is this what you had in mind? If not, please let me know. -
i know about the html widget. i'm actually talking about an html editor. here is an advanced example: http://www.coffeecup.com/html-editor/.... (that was just to show you what i mean by html editor). my post above wasn't really a request. i was explaining how i think it would be interesting if there was a way to manipulate the html within synthasite. for example: adding borders; adding text boxes and scroll boxes; changing the color, text and font of a paragraph that might be in the html; etc... features similar to what you would see in a standard html editor. like i said, this is not a request. i don't really think most people would use it. but i felt it was worth mentioning -
Inappropriate?Oh yes I would love to have an HTML editor to add borders and text boxes
I’m thankful
-
Inappropriate?Can anybody give me a code/tutorial/instructions on how to make the some text, with links, having a background colour(/texture) with heading(also with background and link)
I dont think i have put it in words very well, so i have made a model picture of what i want, have a look
I’m having sleepless nights due to excitement
-
Inappropriate?Hi Monica,
Hope this will help you.
<!-- <style type="text/css">
.beauty_tips {
background-color: pink;
}
.beauty_tips .title {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1em;
letter-spacing: 0.5px;
color: #ffffff;
border-bottom: 1px solid red;
background-color: red;
}
.beauty_tips .desc {
font-size: 12x;
display: block;
}
.beauty_tips .desc a {
text-decoration: none;
color: orange;
}
.beauty_tips .desc a:hover {
text-decoration: underline;
color: orange;
}
.beauty_tips a {
text-decoration: underline;
color: green;
}
.beauty_tips a:hover {
text-decoration: none;
color: green;
}
</style>
<div class="beauty_tips">
<p class="title">HEADING</p>
<p class="desc"><a href="#">LINK 1 - no underline</a></p>
<a href="#">LINK 2 - with underline</a>
</div> -->
Remove "<!--" and "-->" at the beginning and at the end. Change the font size and color to the one you like. Place the css script at the every beginning of your page.
Niddy
1 person says
this answers the question
-
Thanks alot Niddy.. I will surely give it a try. Thanks once again :) -
Inappropriate?Niddy you are sooo cool! I appreciate your shares whenever I happen upon them.
I’m loving learning new things!
1 person says
this answers the question
-
Inappropriate?Thanks a lot Niddy! Your HTML lessons are a great help to a lot of us here!
-
Inappropriate?hello..
every one can help me
bcouz i saw some people using friendster
i saw their comment using border with inserted text,links and animated pictures..
how can do that??
anyone can help me about it? -
Inappropriate?no...
its not working in friendster,
the code does not working when i give comment to my friends..
how can i do the table comment,with background,text,links and inserted animated pictures??
can you help me?? -
Hi joeanne - I'm not sure what you mean by not working in friendster - this is SynthaSite, not friendster! You can find information on adding comments on this thread: http://getsatisfaction.com/SynthaSite... -
Inappropriate?hello every body! border around text can be created very easily. go to this link and learn how to do this. the link is http://forums.synthasite.com/tables-i...
Loading Profile...




EMPLOYEE




