vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB4 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=251)
-   -   how can i use list-type styles (https://vborg.vbsupport.ru/showthread.php?t=323250)

Darkside2012 08-14-2016 09:46 PM

how can i use list-type styles
 
i need to create a new html site

HTML Code:

{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml"<vb:if condition="$vboptions['enablefacebookconnect']"> xmlns:fb="http://www.facebook.com/2008/fbml"</vb:if> dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
<head>
        {vb:raw headinclude}
        <title>{vb:raw vboptions.bbtitle} - Eigene Seite</title>
        {vb:raw headinclude_bottom}
</head>
<body>
{vb:raw header}
{vb:raw navbar}
<!-- Ab hier kann man eigenen, beliebigen HTML-Code einf?gen -->
<div class="block" id="eigener_code">
        <h2 class="blockhead">Eigene Seite</h2>
        <div class="blockbody settings_form_border">
                <div class="blockrow">
                        Inhalt der Seite...<br />
                        usw.
                </div>
        </div>
</div>
<!-- / Ende des eigenen Codes -->
{vb:raw footer}
</body>
</html>

in this html site i need to use some list-type styles :
HTML Code:

ul.a {list-style-type: circle;}
ul.b {list-style-type: disc;}
ul.c {list-style-type: square;}

ol.d {list-style-type: armenian;}
ol.e {list-style-type: cjk-ideographic;}
ol.f {list-style-type: decimal;}
ol.g {list-style-type: decimal-leading-zero;}
ol.h {list-style-type: georgian;}
ol.i {list-style-type: hebrew;}
ol.j {list-style-type: hiragana;}
ol.k {list-style-type: hiragana-iroha;}
ol.l {list-style-type: katakana;}
ol.m {list-style-type: katakana-iroha;}
ol.n {list-style-type: lower-alpha;}
ol.o {list-style-type: lower-greek;}
ol.p {list-style-type: lower-latin;}
ol.q {list-style-type: lower-roman;}
ol.r {list-style-type: upper-alpha;}
ol.s {list-style-type: upper-latin;}
ol.t {list-style-type: upper-roman;}

ol.u {list-style-type: none;}
ol.v {list-style-type: inherit;}

but when i use this as example :
HTML Code:

<ul class="a">
  <li>Circle type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

<ul class="b">
  <li>Disc type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

<ul class="c">
  <li>Square type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

<ol class="d">
  <li>Armenian type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="e">
  <li>Cjk-ideographic type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="f">
  <li>Decimal type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="g">
  <li>Decimal-leading-zero type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="h">
  <li>Georgian type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="i">
  <li>Hebrew type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="j">
  <li>Hiragana type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="k">
  <li>Hiragana-iroha type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="l">
  <li>Katakana type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="m">
  <li>Katakana-iroha type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="n">
  <li>Lower-alpha type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="o">
  <li>Lower-greek type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="p">
  <li>Lower-latin type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="q">
  <li>Lower-roman type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="r">
  <li>Upper-alpha type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="s">
  <li>Upper-latin type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="t">
  <li>Upper-roman type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="u">
  <li>None type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="v">
  <li>inherit type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

the list-type-styles are not displayed


who can help on this ?

Seven Skins 08-14-2016 10:22 PM

Try one of this set of css .. they are working for me.

HTML Code:

ul.a li {list-style: circle !important; list-style: }
ul.b li {list-style: disc !important;}
ul.c li {list-style: square !important;}

ol.d li {list-style: armenian !important;}
ol.e li {list-style: cjk-ideographic !important;}
ol.f li {list-style: decimal !important;}
ol.g li {list-style: decimal-leading-zero !important;}
ol.h li {list-style: georgian !important;}
ol.i li {list-style: hebrew !important;}
ol.j li {list-style: hiragana !important;}
ol.k li {list-style: hiragana-iroha !important;}
ol.l li {list-style: katakana !important;}
ol.m li {list-style: katakana-iroha !important;}
ol.n li {list-style: lower-alpha !important;}
ol.o li {list-style: lower-greek !important;}
ol.p li {list-style: lower-latin !important;}
ol.q li {list-style: lower-roman !important;}
ol.r li {list-style: upper-alpha !important;}
ol.s li {list-style: upper-latin !important;}
ol.t li {list-style: upper-roman !important;}

ol.u li {list-style: none !important;}
ol.v li {list-style: inherit !important;}

ul.a li {list-style-type: circle !important;}
ul.b li {list-style-type: disc !important;}
ul.c li {list-style-type: square !important;}

HTML Code:

ol.d li {list-style-type: armenian !important;}
ol.e li {list-style-type: cjk-ideographic !important;}
ol.f li {list-style-type: decimal !important;}
ol.g li {list-style-type: decimal-leading-zero !important;}
ol.h li {list-style-type: georgian !important;}
ol.i li {list-style-type: hebrew !important;}
ol.j li {list-style-type: hiragana !important;}
ol.k li {list-style-type: hiragana-iroha !important;}
ol.l li {list-style-type: katakana !important;}
ol.m li {list-style-type: katakana-iroha !important;}
ol.n li {list-style-type: lower-alpha !important;}
ol.o li {list-style-type: lower-greek !important;}
ol.p li {list-style-type: lower-latin !important;}
ol.q li {list-style-type: lower-roman !important;}
ol.r li {list-style-type: upper-alpha !important;}
ol.s li {list-style-type: upper-latin !important;}
ol.t li {list-style-type: upper-roman !important;}

ol.u li {list-style-type: none !important;}
ol.v li {list-style-type: inherit !important;}


Darkside2012 08-15-2016 06:14 AM

this does not work for me .....
my html site looks like this :
HTML Code:

{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml"<vb:if condition="$vboptions['enablefacebookconnect']"> xmlns:fb="http://www.facebook.com/2008/fbml"</vb:if> dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
<head>
        {vb:raw headinclude}
        <title>{vb:raw vboptions.bbtitle} - Eigene Seite</title>
        {vb:raw headinclude_bottom}
</head>
<body>
{vb:raw header}
{vb:raw navbar}
<!-- Ab hier kann man eigenen, beliebigen HTML-Code einf?gen -->
<div class="block" id="eigener_code">
        <h2 class="blockhead">Eigene Seite</h2>
        <div class="blockbody settings_form_border">
                <div class="blockrow">
                        Inhalt der Seite...<br />
                        usw.
<ul class="a">
  <li>Circle type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

<ul class="b">
  <li>Disc type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

<ul class="c">
  <li>Square type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

<ol class="d">
  <li>Armenian type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="e">
  <li>Cjk-ideographic type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="f">
  <li>Decimal type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="g">
  <li>Decimal-leading-zero type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="h">
  <li>Georgian type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="i">
  <li>Hebrew type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="j">
  <li>Hiragana type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="k">
  <li>Hiragana-iroha type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="l">
  <li>Katakana type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="m">
  <li>Katakana-iroha type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="n">
  <li>Lower-alpha type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="o">
  <li>Lower-greek type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="p">
  <li>Lower-latin type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="q">
  <li>Lower-roman type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="r">
  <li>Upper-alpha type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="s">
  <li>Upper-latin type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="t">
  <li>Upper-roman type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="u">
  <li>None type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="v">
  <li>inherit type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>



                </div>
        </div>
</div>
<!-- / Ende des eigenen Codes -->
{vb:raw footer}
</body>
</html>

and is shown as :
https://vborg.vbsupport.ru/external/2016/08/3.png

Seven Skins 08-15-2016 07:59 AM

How are you adding the css?
Check to see if css is loading or not? View page source.

Darkside2012 08-15-2016 08:03 AM

Quote:

Originally Posted by Seven Skins (Post 2574754)
How are you adding the css?
Check to see if css is loading or not? View page source.

the css is in additional.css

and yes it was loadet

Seven Skins 08-15-2016 08:37 AM

1 Attachment(s)
This is working for me ..


HTML Code:

{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml"<vb:if condition="$vboptions['enablefacebookconnect']"> xmlns:fb="http://www.facebook.com/2008/fbml"</vb:if>  dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
<head>

        {vb:raw headinclude}
        <title>{vb:raw pagetitle}</title>

        <vb:if condition="$includecss">
                <vb:if condition="$vboptions['storecssasfile']">
                        <vb:each from="includecss" value="file">
                                {vb:cssfile {vb:raw file}}
                        </vb:each>
                <vb:else />
                        {vb:cssfile {vb:raw includecss}}
                </vb:if>
        </vb:if>
        {vb:raw headinclude_bottom}
    <style type="text/css">
.blockrow ul { margin: 10px 0px 10px 30px; }
.blockrow ol { margin: 10px 0px 10px 30px; }
ul.a li {list-style: circle !important; list-style: }
ul.b li {list-style: disc !important;}
ul.c li {list-style: square !important;}

ol.d li {list-style: armenian !important;}
ol.e li {list-style: cjk-ideographic !important;}
ol.f li {list-style: decimal !important;}
ol.g li {list-style: decimal-leading-zero !important;}
ol.h li {list-style: georgian !important;}
ol.i li {list-style: hebrew !important;}
ol.j li {list-style: hiragana !important;}
ol.k li {list-style: hiragana-iroha !important;}
ol.l li {list-style: katakana !important;}
ol.m li {list-style: katakana-iroha !important;}
ol.n li {list-style: lower-alpha !important;}
ol.o li {list-style: lower-greek !important;}
ol.p li {list-style: lower-latin !important;}
ol.q li {list-style: lower-roman !important;}
ol.r li {list-style: upper-alpha !important;}
ol.s li {list-style: upper-latin !important;}
ol.t li {list-style: upper-roman !important;}

ol.u li {list-style: none !important;}
ol.v li {list-style: inherit !important;}

ul.a li {list-style-type: circle !important;}
ul.b li {list-style-type: disc !important;}
ul.c li {list-style-type: square !important;}
    </style>       
</head>
<body>

        {vb:raw header}

        {vb:raw navbar}

<div class="block" id="eigener_code">
        <h2 class="blockhead">Eigene Seite</h2>
        <div class="blockbody settings_form_border">
                <div class="blockrow">
                        Inhalt der Seite...<br />
                        usw.
<ul class="a">
  <li>Circle type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

<ul class="b">
  <li>Disc type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

<ul class="c">
  <li>Square type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

<ol class="d">
  <li>Armenian type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="e">
  <li>Cjk-ideographic type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="f">
  <li>Decimal type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="g">
  <li>Decimal-leading-zero type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="h">
  <li>Georgian type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="i">
  <li>Hebrew type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="j">
  <li>Hiragana type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="k">
  <li>Hiragana-iroha type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="l">
  <li>Katakana type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="m">
  <li>Katakana-iroha type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="n">
  <li>Lower-alpha type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="o">
  <li>Lower-greek type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="p">
  <li>Lower-latin type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="q">
  <li>Lower-roman type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="r">
  <li>Upper-alpha type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="s">
  <li>Upper-latin type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="t">
  <li>Upper-roman type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="u">
  <li>None type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>

<ol class="v">
  <li>inherit type</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ol>



                </div>
        </div>
</div>

        {vb:raw footer}

</body>
</html>


https://vborg.vbsupport.ru/attachmen...1&d=1471257385

Darkside2012 08-15-2016 09:07 AM

thx .... worked like a charm now


All times are GMT. The time now is 02:56 PM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01205 seconds
  • Memory Usage 1,857KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (7)bbcode_html_printable
  • (1)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (7)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete