| 1 | = MvBlog CSS Documentation =
|
|---|
| 2 |
|
|---|
| 3 | This is an overview of all the tags used in MvBlog. While this will always be a work-in-progress, this page is based on the original [source:trunk/CSS CSS source file].
|
|---|
| 4 |
|
|---|
| 5 | == Latest Changes ==
|
|---|
| 6 |
|
|---|
| 7 | === Tags changed recently ===
|
|---|
| 8 | * {{{span.log_aside}}} is now {{{div.log_contents_aside}}}
|
|---|
| 9 | * {{{span.log_subject}}} is now {{{div.log_subject}}}
|
|---|
| 10 | * {{{span.log_contents}}} is now {{{div.log_contents}}}
|
|---|
| 11 |
|
|---|
| 12 | === Tags added recently ===
|
|---|
| 13 | * {{{ul#default_list_container}}}
|
|---|
| 14 | * {{{li.default_list_item}}}
|
|---|
| 15 | * {{{td#if_content_container}}}
|
|---|
| 16 | * {{{td#if_sidebar_container}}}
|
|---|
| 17 |
|
|---|
| 18 | = CSS Tags =
|
|---|
| 19 |
|
|---|
| 20 | Below you will find a list of almost all the CSS tags used in MvBlog, both on index, individual and category pages.
|
|---|
| 21 |
|
|---|
| 22 | All the tags have the html-character preceding them, so that you know what type of CSS will or won't work. The list-levels show mother-daughter relationships between tags.
|
|---|
| 23 |
|
|---|
| 24 | First you will find the tags used in the index.php file. These tags can be renamed/deleted/adapted, but remember that with an '''update''', you keep a copy of your original index.php file.
|
|---|
| 25 |
|
|---|
| 26 | The second list of tags are called from the database together with the text. These tags cannot be changed. Some tags are used both in the post, and, when on an individual page, for the comment sections.
|
|---|
| 27 |
|
|---|
| 28 | If you feel that there are tags missing, which would make the process of coding CSS easier, please do not hesitate to ask for them in a ticket. We review all tickets, and you will receive a reply.
|
|---|
| 29 |
|
|---|
| 30 | == Tags from index.php ==
|
|---|
| 31 |
|
|---|
| 32 | * div#if_container
|
|---|
| 33 | * div#if_title : for now empty
|
|---|
| 34 | * div#if_bar1 : for now empty
|
|---|
| 35 | * div#if_page_header : wrap-tag
|
|---|
| 36 | * h1.page_title : header (for image position)
|
|---|
| 37 | * a.page_header : blogname tag (also link to main page)
|
|---|
| 38 | * div#if_page : main body of contents
|
|---|
| 39 | * p.first : description of blog (after this tag, this is the place where the database-called tags will be added in the index.php, at the same level as p.first)
|
|---|
| 40 | * div#if_page_footer : footer tag
|
|---|
| 41 | * td#if_content_container : gives control over entire content (within table limits)
|
|---|
| 42 | * td#if_sidebar_container : gives control over entire sidebar
|
|---|
| 43 |
|
|---|
| 44 | == Tags called from the database ==
|
|---|
| 45 |
|
|---|
| 46 | === Tags used in the main column ===
|
|---|
| 47 | * div.log_post : post tag, incl. comments
|
|---|
| 48 | * div.log_head : post header wrap-tag : comment form wrap-tag
|
|---|
| 49 | * div.log_subject : post title tag : comment title tag
|
|---|
| 50 | * span.log_cat : post category tag : comment author tag
|
|---|
| 51 | * div.log_body : post body wrap-tag : comment wrap-tag
|
|---|
| 52 | * div.log_contents : post contents tag : comment body tag
|
|---|
| 53 | * div.log_contents_aside : tag for special 'aside' posts
|
|---|
| 54 | * a.link_readmore : when using {{{##BREAKPOINT##}}} in post contents, you can adapt the look/feel of this link with this tag (for instance, add a preceding image with {{{a.link_readmore:before {content: url();}}}}
|
|---|
| 55 | * div.log_foot : author/date/comment-number wrap-tag
|
|---|
| 56 | * span.log_comments : comment-number
|
|---|
| 57 | * span.log_author : post author
|
|---|
| 58 | * span.log_date : post date/update
|
|---|
| 59 |
|
|---|
| 60 | === Tags used in the sidebar ===
|
|---|
| 61 | * ul#default_list_container : {{{<li>}}} tag for title of default list (title uses {{{<h2>}}})
|
|---|
| 62 | * li.archive_list_item : {{{<li>}}} for default item in archive list
|
|---|
| 63 | * ul#archive_list_container : {{{<li>}}} tag for title of archive list (title uses {{{<h2>}}})
|
|---|
| 64 | * li.archive_list_item : {{{<li>}}} for archive item in archive list
|
|---|
| 65 | * ul#category_list_container : {{{<li>}}} tag for title of category list (title uses {{{<h2>}}})
|
|---|
| 66 | * li.category_list_item : {{{<li>}}} for category item in archive list
|
|---|
| 67 | * form#searchform : determines look of form surroundings, wrap-tag
|
|---|
| 68 | * input#search : searchbox look
|
|---|
| 69 | * div#searchresults : all searchresults (in {{{<ul><li></li></ul>}}} format)
|
|---|
| 70 |
|
|---|
| 71 | === Various other tags ===
|
|---|
| 72 | * div.log_nextprev_container : wrap tag for both next and previous link
|
|---|
| 73 | * a.link_prev : tag for previous posts (bottom of index.php)
|
|---|
| 74 | * a.link_next : tag for next posts (bottom of index.php)
|
|---|
| 75 | * acronym.blog_acro : determine the {{{<acronym>}}} style for abbreviations defined in MvBlog
|
|---|
| 76 |
|
|---|
| 77 | === Defunct links ===
|
|---|
| 78 | These links might be used again in newer versions, keep them defined in your stylesheet.
|
|---|
| 79 |
|
|---|
| 80 | * a.wikipedia : wikipedia tag
|
|---|
| 81 | * a.technorati : technorati tag
|
|---|
| 82 | * a.flickr : flickr tag
|
|---|
| 83 | * a.delicious : del.icio.us tag
|
|---|
| 84 |
|
|---|
| 85 |
|
|---|
| 86 | = Links =
|
|---|
| 87 |
|
|---|
| 88 | [source:trunk/CSS CSS source file][[br]]
|
|---|
| 89 | [http://www.leonieke.net/style/Paris directory with current www.leonieke.net style][[br]]
|
|---|
| 90 | (this style directory can be copied into the /style/ directory in MvBlog, but be sure to copy the index.css into the /style/ folder too!) |
|---|
