Posts

Showing posts from December, 2017

Lists 6 - special characters instead of bullets - working

Κείμενο ✎ <li type="1|a|A|i|I|disc|circle|square"> Κείμενο Κείμενο Στοιχείο Στοιχείο Στοιχείο Κείμενο Κείμενο Διαφορετικό χρώμα στα bullets Κείμενο Κείμενο Στοιχείο Καταλόγου Στοιχείο Καταλόγου Στοιχείο Καταλόγου Κείμενο Κείμενο Διαφορετικό σχήμα σε κάθε bullet CSS syntax Κείμενο Κείμενο Στοιχείο Καταλόγου Στοιχείο Καταλόγου Στοιχείο Καταλόγου Κείμενο Κείμενο Κείμενο Αντικατάσταση των σημείων με διαθέσιμα σχήματα (li type="...") Κείμενο Κείμενο Λίστα (disk) Λίστα (square) Λίστα (circle) Κείμενο Κείμενο CSS: Custom bullet point for <ul> list · GitHub CSS Styling Lists Replacing List Bullets with Images Using CSS | Tech for Luddites Add Custom CSS3 Style Numbered list inside Blogger Post CSS list-style-type property How to Make Custom Bullet HTML List (UL)📃 Using CSS (Tutorial)

Lists 5 - bullet sizes

Standard bullet from inserting special character, seems small •   text1, text1, text1 Standard bullet from inserting special character, with large font, gets out of text line •    text2, text2, text2 html - Bigger version of &bull; - Stack Overflow Standard bullet from inserting special character, with large font, same line height •    text3, text3, text3 text31 line height, text31 line height text31 line height, text31 line height text31 line height, text31 line height BLACK CIRCLE &#x25cf; ● ● text4, text4, text4 Black circle  &#x25cf;   with small font, preferable ●    text5, text5, text5 <span style="font-size: x-small;">●</span>&nbsp;&nbsp;&nbsp;text5, text5, text5<br /> The black circle is quite big. A bullet that's sometimes in between these two is &#x2219; aka &#8729; ∙ text, text, text ∙ text, text, text Bullets too small

Lists 4 - indentation manual change

Change manually the indentation of bullets Various trials 1, 2, ... change bullets 2406 (to be used) plain text line plain text line bullet text 1 bullet text 2 nested bullet text 2.1 nested bullet text 2.2 bullet text 3 bullet text 4 plain text line plain text line <ul style=" margin: 0em; padding-left: 2em; "> <ul style=" margin: 0em; padding-left: 1em; "> default bullets text line text line Default bullet text Default bullet text text line text line <ul style=""> <ul style=""> changed bullets 1 Changing the default top - bottom margins and indentation text line text line Manually indented bullet text 1 Manually indented bullet text 1 text line text line The default line <ul style="text-align: left;"> changes to...

Lists 3 - nested bullets

Κείμενο Επίπεδο 1 (bullet) Επίπεδο 1 (bullet) Επίπεδο 2 (circle) Επίπεδο 2 (circle) Επίπεδο 3 (square) Επίπεδο 1 (bullet) Inserting manually (HTML) the <ul type="circle"> to the second level </ul> and the <ul type="square"> to the third level </ul> HTML code for the above <ul style="text-align: left;"> <li>Επίπεδο 1 (bullet)</li> <li>Επίπεδο 1 (bullet)</li> < ul type="circle"> <li>Επίπεδο 2 (circle)</li> <li>Επίπεδο 2 (circle)</li> < ul type="square"> <li>Επίπεδο 3 (square)</li> < /ul > </ ul > <li>Επίπεδο 1 (bullet)</li> </ul>

Lists 2 - change in post, manually

Last to be used 03.10.19 normal text normal text disk 1 disk 2 text, this is a long text line, this is a long text line, this is a long text line, this is a long text line, this is a long text line, this is a long text line, normal text normal text ul style="margin: 0em ; padding-left: 2em ;" Last to be used 03.01.19 normal text normal text disk 1 disk 2 text, this is a long text line, this is a long text line, this is a long text line, this is a long text line, this is a long text line, this is a long text line,  normal text normal text ul style="margin: 0em ; padding-left: 1.5em ;" Last to be used 14.04.18 normal text normal text disk 1 disk 2 text, this is a long text line, this is a long text line, this is a long text line, this is a long text line, this is a long text line, this is a long text line,  normal text normal text ul style="margin: 0 em 0 em 0 em 0.5 em; padding-left: 1 em;" (top, right, bottom, left) ...

Lists 1 - Unordered list (ul) basics

1. Default 2. Types (disc, circle, square, none) 3. Second-level manual 4. Nested

Indentation 1

Indent - Google Product Forums Indent Your Paragraphs Look in the HTML for your blog .post p {   margin:0 0 .75em;   line-height:1.6em; } and add a "text-indent" attribute .post p {   margin:0 0 .75em;   line-height:1.6em;   text-indent:4em; } to enclose each logical paragraph in "<div style="text-indent:4em;"> ... "</div>" tags and <div style="text-indent:-4em; padding-left:4em;"> Most Frequent Blogger Questions: Text Indenting in Paragraphs

Indentation 2

div style="background-color: #e6f2ff; border-radius: 1em; padding: 1em; text-indent: 1em; text-indent works only for the first paragraph in view, does not work at all in printing Start of modified paragraphs. a modified paragraph 1 text, a modified paragraph 1 text, a modified paragraph 1text, a modified paragraph 1 text, a modified paragraph 1 text, a modified paragraph 1 text, a modified paragraph 1 text, a modified paragraph 1 text. a modified paragraph 2 text, a modified paragraph 2 text, a modified paragraph 2 text, a modified paragraph 2 text, a modified paragraph 2 text, a modified paragraph 2 text, a modified paragraph 2 text, a modified paragraph 2 text. End of modified paragraphs. the same with default bullets , no text indentation div style="background-color: #e6f2ff; border-radius: 1em; padding: 1em; text-indent: 0em ; Start of modified paragraphs with bullets a modified paragraph 1 text, a modifi...

Tables HTML 2 my tables

tr = line th = column td = text Πίνακας με 2 στήλες 3 γραμμές <!--> Στήλη Α Στήλη B Κείμενο A1 Κείμενο A2 Κείμενο B1 Κείμενο B2 Κείμενο C1 Κείμενο C2 Πίνακας με 3 στήλες <!--> Στήλη Α Στήλη B Στήλη Γ Κείμενο A1 Κείμενο A2 Κείμενο A3 Κείμενο B1 Κείμενο B2 Κείμενο B3 Κείμενο C1 Κείμενο C2 Κείμενο C3 Πίνακας με 2 στήλες χωρίς επικεφαλίδες <!--> Κείμενο A1 Κείμενο A2 Κείμενο B1 Κείμενο B2 Κείμενο C1 Κείμενο C2 ΠΩΣ ΒΑΖΩ  ΠΙΝΑΚΑ  ΜΕΣΑ ΣΕ ΜΙΑ ΑΝΑΡΤΗΣΗ - WIDGETS FOR...

Tables HTML 1 close to instructions

tr = line th = column LABEL A LABEL B LABEL C LABEL D LABEL E CELL A1 CELL A2 CELL A3 CELL A4 CELL A5 CELL B1 CELL B2 CELL B3 CELL B4 CELL B5 CELL C1 CELL C2 CELL C3 CELL C4 CELL C5 CELL D1 CELL D2 CELL D3 CELL D4 CELL D5 CELL E1 CELL E2 CELL E3 CELL E4 CELL E5 ΠΩΣ ΒΑΖΩ  ΠΙΝΑΚΑ  ΜΕΣΑ ΣΕ ΜΙΑ ΑΝΑΡΤΗΣΗ - WIDGETS FOR BLOGS

Tables - Help

www table help links

Horizontal line (HR)

text line 1 text line 2 text line 3 1 the simplest hr 1 the simplest 2 with some size size="8" 2 with some size 3 with silver color size="8" color="silver" 3 with silver color 4 with red color size="16" color="red" 4 with red color 5 adjust width as page percent size="8" color="black" width="80%" 5 adjust width as page percent 6 adjust align right/center/left size="4" color="silver" width="50%" align="right" 6 adjust align right/center/left References BLOGGER CODES: How to Add a Horizontal Line to Blogger Blogspot Post How To Add A Horizontal Line On Blogger | I Look 12 Web Design Experiments: How to Add a Horizontal Line (Rule) to Blogger Blogspot Post Tryit Editor v3.5  (border top color) CSS border property The Lost Attributes of HR: ALIGN, NOSHADE, SIZE, and WIDTH