From a129c2f92ed42134e11b8487b575b2e8ffe59b21 Mon Sep 17 00:00:00 2001 From: "arlemp@selectel.ru" Date: Tue, 16 Nov 2021 01:46:43 +0300 Subject: [PATCH] add leftmenu --- blocks/leftmenu.php | 5 +- functions.php | 34 +++++++ header.php | 2 +- pub/menu/epizoo-orange.svg | 4 + pub/menu/epizoo.html | 4 + pub/menu/epizoo.svg | 4 + pub/menu/events-orange.svg | 4 + pub/menu/events.svg | 4 + pub/menu/fish-orange.svg | 5 + pub/menu/fish.svg | 5 + pub/menu/menuleft-1.svg | 5 + pub/menu/molotok-orange.svg | 6 ++ pub/menu/molotok.svg | 6 ++ pub/menu/nauka-orange.svg | 5 + pub/menu/nauka.svg | 5 + pub/menu/oxota-orange.svg | 6 ++ pub/menu/oxota.svg | 6 ++ pub/menu/pitoms-orange.svg | 6 ++ pub/menu/pitoms.svg | 6 ++ pub/menu/potrbitel-orange.svg | 5 + pub/menu/potrbitel.svg | 5 + pub/menu/ptica-orange.svg | 6 ++ pub/menu/ptica.svg | 6 ++ pub/menu/video-orange.svg | 4 + pub/menu/video.svg | 4 + pub/menu/vij-orange.svg | 5 + pub/menu/vij.svg | 5 + pub/menu/zoo-orange.svg | 6 ++ pub/menu/zoo.svg | 6 ++ pub/menu/zoobiz-orange.svg | 6 ++ pub/menu/zoobiz.svg | 6 ++ style.css | 179 ++++++++++++++++++++++++++++++++-- 32 files changed, 356 insertions(+), 9 deletions(-) create mode 100644 pub/menu/epizoo-orange.svg create mode 100644 pub/menu/epizoo.html create mode 100644 pub/menu/epizoo.svg create mode 100644 pub/menu/events-orange.svg create mode 100644 pub/menu/events.svg create mode 100644 pub/menu/fish-orange.svg create mode 100644 pub/menu/fish.svg create mode 100644 pub/menu/menuleft-1.svg create mode 100644 pub/menu/molotok-orange.svg create mode 100644 pub/menu/molotok.svg create mode 100644 pub/menu/nauka-orange.svg create mode 100644 pub/menu/nauka.svg create mode 100644 pub/menu/oxota-orange.svg create mode 100644 pub/menu/oxota.svg create mode 100644 pub/menu/pitoms-orange.svg create mode 100644 pub/menu/pitoms.svg create mode 100644 pub/menu/potrbitel-orange.svg create mode 100644 pub/menu/potrbitel.svg create mode 100644 pub/menu/ptica-orange.svg create mode 100644 pub/menu/ptica.svg create mode 100644 pub/menu/video-orange.svg create mode 100644 pub/menu/video.svg create mode 100644 pub/menu/vij-orange.svg create mode 100644 pub/menu/vij.svg create mode 100644 pub/menu/zoo-orange.svg create mode 100644 pub/menu/zoo.svg create mode 100644 pub/menu/zoobiz-orange.svg create mode 100644 pub/menu/zoobiz.svg diff --git a/blocks/leftmenu.php b/blocks/leftmenu.php index ac37527..ffe5de9 100644 --- a/blocks/leftmenu.php +++ b/blocks/leftmenu.php @@ -1,4 +1,7 @@ + +
'menu_left', 'theme_location'=>'left' - ));?> \ No newline at end of file + ));?> +
\ No newline at end of file diff --git a/functions.php b/functions.php index f833915..ff3f18e 100644 --- a/functions.php +++ b/functions.php @@ -378,4 +378,38 @@ function str_to_in($items){ return $in; +} + + +add_filter( 'nav_menu_item_title', 'filter_nav_menu_item_title', 10, 4 ); +function filter_nav_menu_item_title( $title, $item, $args, $depth ) { + + $iconpath = TEMPLATEPATH.'/pub/menu/'; + + $cstart = false; + $cend = false; + + $cstart = strpos($title, '', $start + 1); + + if ($cend !== false){ + $svg = substr($title, $start, $cend - $start); + $svgfile = $iconpath.$svg.'.svg'; + $svgcontent = file_get_contents( $svgfile); + + if (file_exists( $svgfile )){ + $result = str_replace("", $svgcontent , $title); + return $result; + } + + + + + } + + } + + return $title; } \ No newline at end of file diff --git a/header.php b/header.php index 0974801..0f386e5 100644 --- a/header.php +++ b/header.php @@ -4,7 +4,7 @@ <?php wp_title('|', true, 'right');?><?=get_bloginfo('name')?> - + diff --git a/pub/menu/epizoo-orange.svg b/pub/menu/epizoo-orange.svg new file mode 100644 index 0000000..47e7de3 --- /dev/null +++ b/pub/menu/epizoo-orange.svg @@ -0,0 +1,4 @@ + + + + diff --git a/pub/menu/epizoo.html b/pub/menu/epizoo.html new file mode 100644 index 0000000..0d2ca1a --- /dev/null +++ b/pub/menu/epizoo.html @@ -0,0 +1,4 @@ + + + + diff --git a/pub/menu/epizoo.svg b/pub/menu/epizoo.svg new file mode 100644 index 0000000..0d2ca1a --- /dev/null +++ b/pub/menu/epizoo.svg @@ -0,0 +1,4 @@ + + + + diff --git a/pub/menu/events-orange.svg b/pub/menu/events-orange.svg new file mode 100644 index 0000000..eca7453 --- /dev/null +++ b/pub/menu/events-orange.svg @@ -0,0 +1,4 @@ + + + + diff --git a/pub/menu/events.svg b/pub/menu/events.svg new file mode 100644 index 0000000..41fa501 --- /dev/null +++ b/pub/menu/events.svg @@ -0,0 +1,4 @@ + + + + diff --git a/pub/menu/fish-orange.svg b/pub/menu/fish-orange.svg new file mode 100644 index 0000000..a92fcac --- /dev/null +++ b/pub/menu/fish-orange.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/pub/menu/fish.svg b/pub/menu/fish.svg new file mode 100644 index 0000000..ed597e2 --- /dev/null +++ b/pub/menu/fish.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/pub/menu/menuleft-1.svg b/pub/menu/menuleft-1.svg new file mode 100644 index 0000000..a79c3d0 --- /dev/null +++ b/pub/menu/menuleft-1.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/pub/menu/molotok-orange.svg b/pub/menu/molotok-orange.svg new file mode 100644 index 0000000..7a4463b --- /dev/null +++ b/pub/menu/molotok-orange.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/pub/menu/molotok.svg b/pub/menu/molotok.svg new file mode 100644 index 0000000..d6a464e --- /dev/null +++ b/pub/menu/molotok.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/pub/menu/nauka-orange.svg b/pub/menu/nauka-orange.svg new file mode 100644 index 0000000..5c9914a --- /dev/null +++ b/pub/menu/nauka-orange.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/pub/menu/nauka.svg b/pub/menu/nauka.svg new file mode 100644 index 0000000..5c9914a --- /dev/null +++ b/pub/menu/nauka.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/pub/menu/oxota-orange.svg b/pub/menu/oxota-orange.svg new file mode 100644 index 0000000..866cb39 --- /dev/null +++ b/pub/menu/oxota-orange.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/pub/menu/oxota.svg b/pub/menu/oxota.svg new file mode 100644 index 0000000..66af501 --- /dev/null +++ b/pub/menu/oxota.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/pub/menu/pitoms-orange.svg b/pub/menu/pitoms-orange.svg new file mode 100644 index 0000000..c49f975 --- /dev/null +++ b/pub/menu/pitoms-orange.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/pub/menu/pitoms.svg b/pub/menu/pitoms.svg new file mode 100644 index 0000000..852dd07 --- /dev/null +++ b/pub/menu/pitoms.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/pub/menu/potrbitel-orange.svg b/pub/menu/potrbitel-orange.svg new file mode 100644 index 0000000..8a460e1 --- /dev/null +++ b/pub/menu/potrbitel-orange.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/pub/menu/potrbitel.svg b/pub/menu/potrbitel.svg new file mode 100644 index 0000000..7335dba --- /dev/null +++ b/pub/menu/potrbitel.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/pub/menu/ptica-orange.svg b/pub/menu/ptica-orange.svg new file mode 100644 index 0000000..4d4486c --- /dev/null +++ b/pub/menu/ptica-orange.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/pub/menu/ptica.svg b/pub/menu/ptica.svg new file mode 100644 index 0000000..792c6ea --- /dev/null +++ b/pub/menu/ptica.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/pub/menu/video-orange.svg b/pub/menu/video-orange.svg new file mode 100644 index 0000000..19ed278 --- /dev/null +++ b/pub/menu/video-orange.svg @@ -0,0 +1,4 @@ + + + + diff --git a/pub/menu/video.svg b/pub/menu/video.svg new file mode 100644 index 0000000..a2e8103 --- /dev/null +++ b/pub/menu/video.svg @@ -0,0 +1,4 @@ + + + + diff --git a/pub/menu/vij-orange.svg b/pub/menu/vij-orange.svg new file mode 100644 index 0000000..36277db --- /dev/null +++ b/pub/menu/vij-orange.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/pub/menu/vij.svg b/pub/menu/vij.svg new file mode 100644 index 0000000..68736d4 --- /dev/null +++ b/pub/menu/vij.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/pub/menu/zoo-orange.svg b/pub/menu/zoo-orange.svg new file mode 100644 index 0000000..36746f9 --- /dev/null +++ b/pub/menu/zoo-orange.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/pub/menu/zoo.svg b/pub/menu/zoo.svg new file mode 100644 index 0000000..65bcf7f --- /dev/null +++ b/pub/menu/zoo.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/pub/menu/zoobiz-orange.svg b/pub/menu/zoobiz-orange.svg new file mode 100644 index 0000000..6078324 --- /dev/null +++ b/pub/menu/zoobiz-orange.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/pub/menu/zoobiz.svg b/pub/menu/zoobiz.svg new file mode 100644 index 0000000..e381480 --- /dev/null +++ b/pub/menu/zoobiz.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/style.css b/style.css index ae89128..62bf753 100644 --- a/style.css +++ b/style.css @@ -532,6 +532,12 @@ a{ } /** - menus -- */ + + .menu-left-block{ + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/menuleft-1.svg) left center; + } + + ul.menu_main{ display: flex; padding: 5px; @@ -548,27 +554,186 @@ a{ ul.menu_left{ display: flex; flex-direction: column; - background-color: #00466A; - padding: 32px 22px 22px 32px; + /*background-color: #00466A;*/ + padding: 26px 22px 12px 32px; } ul.menu_left li{ font-weight: bold; - font-size: 14px; + font-size: 12px; line-height: 150%; - /*text-transform: uppercase;*/ - padding-top: 4px; - padding-bottom: 4px; + text-transform: uppercase; + padding-left: 28px; + margin-bottom: 16px; } ul.menu_left li a{ - color: white; + color: #171717; } + + ul.menu_left li a:hover{ + color: #F18129; + } + + .current-menu-item { color: #2D9CDB; } + + .lmenu{ + display: inline-block; + vertical-align: middle; + width: 20px; + height: 20px; + } + + .menu-item-11{ + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/molotok.svg) left center; + } + + .menu-item-11:hover{ + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/molotok-orange.svg) left center; + } + + .menu-item-12{ + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/epizoo.svg) left center; + } + + .menu-item-12:hover{ + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/epizoo-orange.svg) left center; + } + + .menu-item-15{ + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/zoo.svg) left center; + } + + .menu-item-15:hover{ + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/zoo-orange.svg) left center; + } + + .menu-item-17{ + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/ptica.svg) left center; + } + + .menu-item-17:hover{ + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/ptica-orange.svg) left center; + } + + + .menu-item-19{ + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/ptica.svg) left center; + } + + .menu-item-19:hover{ + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/ptica-orange.svg) left center; + } + + .menu-item-20{ + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/zoobiz.svg) left center; + } + + .menu-item-20:hover{ + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/zoobiz-orange.svg) left center; + } + + .menu-item-21{ + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/pitoms.svg) left center; + } + + .menu-item-21:hover{ + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/pitoms-orange.svg) left center; + } + + .menu-item-22{ + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/potrbitel.svg) left center; + } + + .menu-item-22:hover{ + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/potrbitel-orange.svg) left center; + } + + .menu-item-23{ + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/oxota.svg) left center; + } + + .menu-item-23:hover{ + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/oxota-orange.svg) left center; + } + + .menu-item-26{ + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/events.svg) left center; + } + + .menu-item-26:hover{ + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/events-orange.svg) left center; + } + + .menu-item-16179{ + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/video.svg) left center; + } + + .menu-item-16179:hover{ + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/video-orange.svg) left center; + } + + + + .menu-item-15679{ + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/vij.svg) left center; + + + } + + .menu-item-18:hover + { + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/fish-orange.svg) left center; + + } + + .menu-item-18{ + + padding-left: 28px; + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/fish.svg) left center; + + + } + + .menu-item-15679:hover + { + background: no-repeat url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/vij-orange.svg) left center; + + } + + + + + .menu-oxota{ + background-image: url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/oxota.svg); + + } + + .menu-oxota:hover{ + background-image: url(https://vetandlife.ru/wp-content/themes/vij/pub/menu/oxota-orange.svg); + } + + + + + + a svg{ + display: inline-block; + vertical-align: middle; + /*fill: #3B83B5;*/ + } + + a svg:hover, + a svg:focus + { + stroke: #F18129; + } + ul.menu_footer{ display: flex;