WebsiteBaker Support (2.11.x) > Modules

Menu question and suggestion

<< < (2/2)

rumen:
OK here is a real example (but because it is not defined as separate field it doesn't work very well)

The input:



And the result:

dbs:
My intension was to add class/id with page_id to show_menu2.
Next steps would be done in CSS.

Example in show_menu2 call:
... <a class="pid[page_id]" ...

and in CSS:
.pid23:before {content: '\f0e0'; font-family: 'FontAwesome'; font-size: 18px; font-color: yellow}

read more:
https://stackoverflow.com/questions/20782368/use-font-awesome-icon-as-css-content
http://astronautweb.co/snippet/font-awesome/

evaki:
Meine "soeben mal" testweise ausgeführte  (für mehr habe ich im Moment leider keine Zeit)


--- Code: ---SM2:
$aItemOpen = '[list][li]<a href="[url]" class="menuicon[page_id]" title="[page_title]">[menu_title]</a>',

icon. css:
.menuicon4 {
display: block;
  background-image: url(menuicon4.jpg);
  width:80px;height:30px;
}
--- End code ---
In diesem Falle für jede Seite ein entsprechendes selbstgemachtes Icon.

MfG. Evaki[/list]

evaki:
My "just now" test (unfortunately I don't have time for more at the moment)

--- Code: ---SM2:
$aItemOpen = '[list][li]<a href="[url]" class="menuicon[page_id]" title="[page_title]">[menu_title]</a>',

icon. css:
.menuicon4 {
display: block;
  background-image: url(menuicon4.jpg);
  width:80px;height:30px;
}SM2:
$aItemOpen = '[list][li]<a href="[url]" class="menuicon[page_id]" title="[page_title]">[menu_title]</a>',

icon. css:
.menuicon4 {
display: block;
  background-image: url(menuicon4.jpg);
  width:80px;height:30px;
}
--- End code ---
In this case for each individual page a corresponding self-made icon.
MfG. Evaki
(irgendwie ist heute der wurm drin -netzstörungen)

Navigation

[0] Message Index

[*] Previous page