{"id":1087,"date":"2023-03-30T14:57:15","date_gmt":"2023-03-30T11:57:15","guid":{"rendered":"https:\/\/notes.profidev.online\/?p=1087"},"modified":"2023-03-30T14:57:20","modified_gmt":"2023-03-30T11:57:20","slug":"header-3","status":"publish","type":"post","link":"https:\/\/notes.profidev.online\/ru\/headermenu\/1087\/","title":{"rendered":"Header"},"content":{"rendered":"<figure class=\"wp-block-video\"><video height=\"519\" style=\"aspect-ratio: 1177 \/ 519;\" width=\"1177\" controls src=\"https:\/\/notes.profidev.online\/wp-content\/uploads\/2023\/03\/vokoscreenng-2023-03-30_13-54-47.webm\"><\/video><\/figure>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:true,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;htmlmixed&quot;,&quot;mime&quot;:&quot;text\/html&quot;,&quot;theme&quot;:&quot;cobalt&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:true,&quot;lineWrapping&quot;:true,&quot;readOnly&quot;:false,&quot;fileName&quot;:&quot;&quot;,&quot;TrpContentRestriction&quot;:{&quot;restriction_type&quot;:&quot;exclude&quot;,&quot;selected_languages&quot;:[],&quot;panel_open&quot;:true},&quot;language&quot;:&quot;HTML&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;html&quot;}\">  &lt;div id=&quot;header&quot;&gt;\n    &lt;a href=&quot;\/ru\/&quot; id=&quot;logo&quot;&gt;Dreamdealer&lt;\/a&gt;\n    &lt;ul id=&quot;menu&quot;&gt;\n      &lt;li&gt;&lt;a href=&quot;\/ru\/&quot;&gt;&lt;span&gt;\u0414\u043e\u043c\u043e\u0439&lt;\/span&gt;&lt;\/a&gt;&lt;\/li&gt;\n      &lt;li&gt;&lt;a href=&quot;\/ru\/&quot;&gt;&lt;span&gt;Tutorials&lt;\/span&gt;&lt;\/a&gt;&lt;\/li&gt;\n      &lt;li&gt;&lt;a href=&quot;\/ru\/&quot;&gt;&lt;span&gt;\u0421\u0442\u0430\u0442\u044c\u0438&lt;\/span&gt;&lt;\/a&gt;&lt;\/li&gt;\n      &lt;li&gt;&lt;a href=&quot;\/ru\/&quot;&gt;&lt;span&gt;About me&lt;\/span&gt;&lt;\/a&gt;&lt;\/li&gt;\n      &lt;li&gt;&lt;a href=&quot;\/ru\/&quot;&gt;&lt;span&gt;Contact&lt;\/span&gt;&lt;\/a&gt;&lt;\/li&gt;\n    &lt;\/ul&gt;\n  &lt;\/div&gt;\n \n&lt;script src=&quot;\/\/cdnjs.cloudflare.com\/ajax\/libs\/jquery\/2.1.3\/jquery.min.js&quot;&gt;&lt;\/script&gt;<\/pre><\/div>\n\n\n\n<div class=\"wp-block-codemirror-blocks-code-block code-block\"><pre class=\"CodeMirror\" data-setting=\"{&quot;showPanel&quot;:true,&quot;languageLabel&quot;:&quot;language&quot;,&quot;fullScreenButton&quot;:true,&quot;copyButton&quot;:true,&quot;mode&quot;:&quot;css&quot;,&quot;mime&quot;:&quot;text\/css&quot;,&quot;theme&quot;:&quot;cobalt&quot;,&quot;lineNumbers&quot;:true,&quot;styleActiveLine&quot;:true,&quot;lineWrapping&quot;:true,&quot;readOnly&quot;:false,&quot;fileName&quot;:&quot;&quot;,&quot;TrpContentRestriction&quot;:{&quot;restriction_type&quot;:&quot;exclude&quot;,&quot;selected_languages&quot;:[],&quot;panel_open&quot;:true},&quot;language&quot;:&quot;CSS&quot;,&quot;maxHeight&quot;:&quot;400px&quot;,&quot;modeName&quot;:&quot;css&quot;}\">@import url(https:\/\/fonts.googleapis.com\/css?family=Open+Sans:400,800,700,300);\n@import url(https:\/\/fonts.googleapis.com\/css?family=Squada+One);\nbody {\n  padding: 20px 80px;\n  background: #eee url(https:\/\/subtlepatterns.com\/patterns\/extra_clean_paper.png);\n}\n#logo {\n  font-family: 'Open Sans', sans-serif;\n  color: #555;\n  text-decoration: none;\n  text-transform: uppercase;\n  font-size: 150px;\n  font-weight: 800;\n  letter-spacing: -3px;\n  line-height: 1;\n  text-shadow: #EDEDED 3px 2px 0;\n  position: relative;\n}\n#logo:after {\n  content:&quot;dreamdealer&quot;;\n  position: absolute;\n  left: 8px;\n  top: 32px;\n}\n#logo:after {\n  \/*background: url(https:\/\/subtlepatterns.com\/patterns\/crossed_stripes.png) repeat;*\/\n  background-image: -webkit-linear-gradient(left top, transparent 0%, transparent 25%, #555 25%, #555 50%, transparent 50%, transparent 75%, #555 75%);\n  background-size: 4px 4px;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  z-index: -5;\n  display: block;\n  text-shadow: none;\n}\n#menu {\n  width: 1090px;\n  height: 42px;\n  list-style: none;\n  margin: 10px 0 0 0; padding: 25px 10px;\n  border-top: 4px double #AAA;\n  border-bottom: 4px double #AAA;\n  position: relative;\n  text-align: center;\n}\n#menu li {\n  display: inline-block;\n  width: 173px;\n  margin: 0 10px;\n  position: relative;\n  -webkit-transform: skewy(-3deg);\n  -webkit-backface-visibility: hidden;\n  -webkit-transition: 200ms all;\n}\n#menu li a {\n  text-transform: uppercase;\n  font-family: 'Squada One', cursive;\n  font-weight: 800;\n  display: block;\n  background: #FFF;\n  padding: 2px 10px;\n  color: #333;\n  font-size: 35px;\n  text-align: center;\n  text-decoration: none;\n  position: relative;\n  z-index: 1;\n  text-shadow: \n\t\t1px 1px 0px #FFF, \n\t\t2px 2px 0px #999,\n\t\t3px 3px 0px #FFF;\n\tbackground-image: -webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,.05) 100%);\n\t-webkit-transition: 1s all;\n\tbackground-image: -webkit-linear-gradient(left top, \n\t\ttransparent 0%, transparent 25%, \n\t\trgba(0,0,0,.15) 25%, rgba(0,0,0,.15) 50%, \n\t\ttransparent 50%, transparent 75%, \n\t\trgba(0,0,0,.15) 75%);\n  background-size: 4px 4px;\n\tbox-shadow: \n\t\t0 0 0 1px rgba(0,0,0,.4) inset, \n\t\t0 0 20px -5px rgba(0,0,0,.4),\n\t\t0 0 0px 3px #FFF inset;\n}\n#menu li:hover {\n\twidth: 203px;\n\tmargin: 0 -5px;\n}\n#menu a:hover {\n  color: #d90075;\n}\n#menu li:after,\n#menu li:before {\n  content: '';\n  position: absolute;\n  width: 50px;\n  height: 100%;\n  background: #BBB;\n  -webkit-transform: skewY(8deg);\n  x-index: -3;\n\tborder-radius: 4px;\n}\n#menu li:after {\n\tbackground-image: -webkit-linear-gradient(left, transparent 0%, rgba(0,0,0,.4) 100%);\n  right: 0;\n  top: -4px; \n}\n#menu li:before {\n  left: 0;\n  bottom: -4px;\n\tbackground-image: -webkit-linear-gradient(right, transparent 0%, rgba(0,0,0,.4) 100%);\n}<\/pre><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1088,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[16],"class_list":["post-1087","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-headermenu","tag-htmlcss"],"_links":{"self":[{"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/posts\/1087","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/comments?post=1087"}],"version-history":[{"count":1,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/posts\/1087\/revisions"}],"predecessor-version":[{"id":1090,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/posts\/1087\/revisions\/1090"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/media\/1088"}],"wp:attachment":[{"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/media?parent=1087"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/categories?post=1087"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/notes.profidev.online\/ru\/wp-json\/wp\/v2\/tags?post=1087"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}