Soffi fyrir 18 árum Fjöldi lestra: 167

Bullet dæmi

Sæl…

Ég er að vinna með WordPress síðuna mína. Núna er ég að vinna í útlitinu og er að breyta flokkakerfinu (categorized).

Eins og flestar WordPress síður þá er Sidebar-inn settur upp sem bullet. Í flokkakerfinu er hægt að hafa undirflokk sem kemur þá undir aðallflokknum (Dæmi: Blogg > Gamalt blogg o.s.frv.). Aðalflokkurinn kemur sem fyrsti flokkur (fyrsta inndregið) en undirflokkurinn sem annar flokkur (annað inndregið). Held að þetta séu li eða ul skipanir í HTML.

Ég var að velta fyrir mér hvort það væri hægt að hafa önnur attributes á undirflokknum/öðrum flokknum/öðru inndregið? Annan bakgrunn o.s.frv. ?

P.S. Get eiginlega ekki útskýrt þetta betur. Þetta er eins og þið mynduð gera lista í Word með bulleting (stafs.) en mynduð síðan ýta á TAB til að fá annað inndregið sem er þá innar á bls.

halldor89 fyrir 18 árum

Þú getur gert þetta svona:

<ul>
     <li>Yfirflokkur1
     <ul>
          <li>Undirflokkur1.1</li>
          <li>Undirflokkur1.2</li>
     </ul>
     </li>
     <li>Yfirflokkur2
     <ul>
          <li>Undirflokkur2.1</li>
     </ul>
     </li>
     <li>Yfirflokkur3</li>
</ul>

Ættir að sjá hvert ég er að fara með þetta. Annars veit ég ekki alveg hvernig þetta er gert í wordpress (ef það er einhver sérstök aðferð). Væri gott að gefa link á síðuna.

“If it isn't documented, it doesn't exist”

Fyrra álit

Soffi fyrir 18 árum

Ég sko er búinn að gera listann sjálfur. Eða öllu heldur þá gerir WordPress Theme-ið hann fyrir mig.

Hins vegar vil ég breyta stílnum (style.css) þannig að undirflokkarnir séu t.d. með öðruvísi bakgrunn heldur en undirflokkarnir o.s.frv.

Listinn er e-n svona:

	<h2><em>Categories</em></h2>
	<ul class="categories">
	<?php wp_list_cats('sort_column=name&hide_empty=0'); ?> 
	</ul>

Þessi kóði er í Stylesheetinu:

/* paragraphs, lists, etc
--------------------------------------------------*/
p {
  margin:0;
  padding:0 0 18px 0;
}
ul {
  margin:0 0 0 1.4em;
  padding:0 0 18px 0;
}
ul ul {padding:0;}
blockquote {
  margin:0;
  padding:0 18px;
  font-style:italic;
}
pre {
  overflow:auto;
  margin:0 0 18px 0;
  padding:4px;
}
pre, code, kbr {font-family:Courier, Monaco, monospace;}
code, kbr {padding:0 2px;}
abbr, acronym {
  font-size:0.9em;
  letter-spacing:1px;
}

Það sem ég er að spá í er hvort hægt sé að breyta stílnum …

Er það ul ul sem er semsagt annað inndregið?

Fyrra álit

halldor89 fyrir 18 árum

Aftur langar mig að biðja um að sjá síðuna.

ul {
/*skemmtileg skilgreining fyrir allar ul nódir*/
}
ul ul {
/*skilgreining fyrir ul nódir sem eru inní ul nód*/
}

Þarftu ekki bara að breyta ul ul {} til að breyta undirflokknum?

“If it isn't documented, it doesn't exist”

Fyrra álit

Soffi fyrir 18 árum

Júmm … ég held það.

Var í rauninni bara að velta fyrir mér hvað undirflokkurinn er kallaður í style … sem er ul ul.

Ég fann líka theme í wordpress sem hjálpar mér með þetta.

Takk samt :)

Fyrra álit

Whoi fyrir 18 árum

Ef þú hefur áhuga get ég samt sem áður svarað þér með því að ul nr. 1 heitir categories. Þannig að CSS væri þá: ul.categories ul til að edita outline listanum

Fyrra álit

Vefsíðugerð

Vefsíðugerð

Ofurhugar

Stjórnendur

Hverjir eru inni

Korkar - Almennt

Bullet dæmi

Dýr

Dægurmál

Fræði

Leikir

Lífið

Lífsstíll

Margmiðlun

Menning

Skjár

Sport

Tónlist

Tækni

Vélar

Hugi