PDA

View Full Version : how can i use list-type styles

Darkside2012
08-14-2016, 09:46 PM
i need to create a new html site

{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 :
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 :
<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.

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;}


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 :
{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
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
This is working for me ..


{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/attachment.php?attachmentid=155311&stc=1&d=1471257385
Darkside2012
08-15-2016, 09:07 AM
thx .... worked like a charm now