Make an original title bar for Jimdo

Language

Make an original title bar for Jimdo.

Last time, I have introduced you how to surround the words with a box to make it cooler and readable for the users.

To do this, we used HTML and CSS.

This time, we will also use HTML and CSS to make an original title bar.

You can copy and paste the tag.

Of course, you can arrange it to make it better.

The one above is the title bar that you can make it with the tool button.

The bottom one is the original title bar. Jimdo タイトルバー

First, click the widget button. Jimdo ウィジット

（Copy and paste the below tag.）

Please paste the tag into the window. Jimdo ウィジット

I will write an explanation of the tags. Jimdo HTML

１．border: 1px

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

２．solid grey

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

You can find other types from the below page.

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

grey = select color.

You can choose the color from the color chart.

http://www.tagindex.com/color/color_name.html

３．padding: 8px

You can change the distance from the words to the title box.

４．background-color:#7e7eff;

Select background color of the title.

This time it is blue.

５．color:white;font-weight:bold;font-size:30px;

This place is to change the color, thickness, and size of the words written on the title bar.

color:white = white

font-weight:bold = thickness of the words

font-size:30px = size of the words

Title is very important to read the contents for the users.

You also read the title first in the newspaper.

To highlight the title is one of a way to attract users interest.

Make an original title bar for Jimdo.

Newest Jimdo Article !

What`s new !