Web Shakehands
Web Shakehands

Language


Add a box around the words on the Jimdo contents section


Jimdo is a website tool that can easily make your website without using the HTML tags, but the good point is that you can write the HTML tags directly to the contents word section.

By using the custom layout, HTML is also available in the header and the footer section.

You need time and effort to make a website by using HTML from the beginning, and you also need time to learn how to use HTML.

For this reason, people think that HTML is a bit difficult.

But you can put "idea section" easily, if you use HTML only on a part.
I will introduce you one "idea section" on this article.

"CSS" is a style language that is used as a set with HTML.

We will use CSS this time.

Jimdo ボックス

Like the sample image, it is readable and looks cool if you surround the words with a box.

I will upload the tags so that you can use it by copy and paste.

Click "Text" and from the text tool box, window to write HTML will appear.
Jimdoの文章ボタン

Jimdo 枠

(Copy and paste the below tag.)
Please change the contents part to the information of yours.)



Please paste the tag into the window.
JimdoのHtml編集画面

I will write the explanation of the tags. Jimdoのコード

1.border: 4px

"border" is used to surround the words by line. "4px" is used to change the thickness of the line.


2.double

You can select the type of a line. There are "solid" (one line) and other types other than "double".

You can find other types from the below page.

http://www.w3schools.com/css/css_border.asp
3.blue

You can change the color.

You can find the color from the color chart.

http://www.tagindex.com/color/color_name.html
4.padding: 10px

You can change the distance from the words to the box.
5.border-top: 7px

Only a line is above the box.

After the "border"

By adding "top", a line will be on top of the box.

You can change the thickness of the line by "7px".

It will be the same as 2. , 3, for the color and the type of a line.
Not only the box but if you put a line above the box will make it nicer and cooler.
If you use CSS on several sections, you can make your website even nicer !

このエントリーをはてなブックマークに追加


Newest Jimdo Article !

2017 1/26 Change different main pictures on different pages of Jimdo


2017 1/12 The importance of the main picture(Jimdo version)


2016 12/22 How to use the original domain to Jimdo


2016 11/09 Create 3D title for Jimdo website


2016 09/30 Create an original icon for Jimdo navigation


2016 09/16 Make an original title bar for Jimdo


2016 08/18 Add a box around the words on the Jimdo contents section


2016 08/03 Get the original domain


2016 07/07 Use "Google Analytics" to analyze traffic for your website


2016 06/23 "Tokyo" a new template for Jimdo


2016 06/09 Are you telling the appeal of your HP within 3 seconds in the catch copy?


2016 05/26 Which is better, Jimdo or Wordpress?


2016 05/12 10 contents that you can write into Jimdo top page.


2016 05/02 Q&A Jimdo page is created


Just enter your E-mail and you will receive free
mail magazine about how to make your website etc.
E-mail:
  

Go to top