Navbar Steemit With HTML5 , CSS3 & Jquery By Aymenz Become Web Designer by aymenz

View this thread on: hive.blog | peakd.com | ecency.com

life · @aymenz · Sep 15 '17 (edited)

$70.61

Navbar Steemit With HTML5 , CSS3 & Jquery By Aymenz Become Web Designer

<html>
<p>&nbsp;<strong>Hey Steemit Friends !</strong></p>
<p><img src="https://e.top4top.net/p_6235j86g1.jpg" width="1758" height="1033"/><br>
First I want to thank you , Today we will design the navbar of <strong>Steemit </strong>by <strong>HTML5 </strong>, <strong>CSS3 </strong>&amp; <strong>jQuery </strong>I want to give you my experience in web design just follow my courses and my works you will take some ideas will help you to build your first template .</p>
<p>I have done the logo of bitcoin by <strong>css3 </strong>I want to tell you that the languages of programming it's not only to design simple website or simple page you can do all what you want by it as I have done , Let's start .</p>
<p>&nbsp;This is what I will do today , the navbar of Steemit with <strong>HTML</strong> and <strong>CSS</strong> , it's from my browser :&nbsp;&nbsp;</p>
<p><img src="https://c.top4top.net/p_623qfejc1.png" width="1366" height="74"/></p>
<p>&nbsp;It's not exactly but I want to share you just the way and to encourage you to do some works like it &nbsp;..Open your text editor and new file save as index.html or any name you want , write the syntax of HTML and put the <code>&lt; style&gt;&lt; &gt; ;</code>tag into the head , open a new file give it <strong>name.js</strong> and import it in your HTML document , we will use jQuery so we need the jQuery file and this is the linke you must download it :&nbsp;</p>
<p>http://jquery.com/download/</p>
<p>You must download the compressed file and import it in your html document look at the picture :&nbsp;</p>
<p><img src="https://c.top4top.net/p_623tb9ky1.png" width="998" height="368"/></p>
<p>This is my HTML document called <strong>SteemitNav.html</strong> and I have the file of <strong>jquery </strong>called <strong>Plugin</strong>.js and the compressed file of <strong>jquery </strong>is ' <strong>jquery-3.1.1.min.js'</strong> .</p>
<p>Firstly we will add the logo and I have found this logo :&nbsp;</p>
<p><img src="http://s20.postimg.org/5veguik65/steemit_logo_final_Copy_3.png" width="393" height="190"/></p>
<p>Download and save it in folder ' <strong>img </strong>' it means you will create a new folder celled <strong>img </strong>to put the images inside it .</p>
<p><img src="https://c.top4top.net/p_623ghyo11.png" width="445" height="161"/></p>
<p>I have written the div container that will be the navbar all the navbar and we have two sections the logo and the informations , I have done the logo as you see in the picture div and class called logo into it I have my logo in image and the alternate text if you lose the picture .</p>
<p><img src="https://d.top4top.net/p_623enxcr2.png" width="712" height="410"/></p>
<p>The body has those proprieties to be by default :&nbsp;</p>
<ul>
  <li>margin : 0 to return to the default style&nbsp;</li>
  <li>padding : 0 also to return to the default style I wont no padding no margin to this document .</li>
</ul>
<p>Now we have <strong>.navbar-Steemit</strong> the container that will contain the navbar :</p>
<ul>
  <li>overflow : hidden to hide all elements which be outside the container&nbsp;</li>
  <li>padding : 10 pixels to give padding to this container&nbsp;</li>
  <li>Border : 1 pixel bold it's solid not dashed or any other type and the color is : <code>#d2d2d2&nbsp;</code></li>
</ul>
<p>To divide the elements in this container the logo to the right and the informations to the left we must do this tag&nbsp;</p>
<p><code>.navbar-Steemit &gt; div</code> it means the children div just in the child level will :&nbsp;</p>
<ul>
  <li>float : left to move the element to the left&nbsp;</li>
  <li>width : 50% to divide this container into two elements each one has 50%&nbsp;</li>
</ul>
<p>I have written those proprieties to the logo :</p>
<ul>
  <li>width &amp; height : the width is 200 pixels it's very clear and the height also&nbsp;</li>
  <li>margin : -20 pixels to return to the origin point&nbsp;</li>
  <li>padding : 0 to keep its place</li>
</ul>
<p>this is the result :&nbsp;</p>
<p><img src="https://e.top4top.net/p_6231bzuq3.png" width="1366" height="68"/></p>
<p>As you see we have finished the first section now we will move to do the second section is the informations , we have the icon of research and the link of submit story finally our image and when we click on the image will appear the menu let's do it :&nbsp;</p>
<p><img src="https://d.top4top.net/p_623rghbj1.png" width="767" height="306"/></p>
<p>This is the div about the informations it has class ' Info ' , So the first element is the icon of research you can find any icon you want in this site : www.iconfinder.com &nbsp;</p>
<p>the second element is Submit a story the link that when we click will open new tab to write an article&nbsp;</p>
<p>the last element we have our photo profile I have do it in span and this is the <strong>Css </strong>code :&nbsp;</p>
<p><img src="https://e.top4top.net/p_6231oydg2.png" width="770" height="318"/></p>
<p>For the first Icon I gave simple height and width and margin left 380 pixels to go to the right&nbsp;</p>
<p>The submit link : I have written&nbsp;</p>
<ul>
  <li>text-decoration : none , it's a link so it has the underline to block this propriety we use ' none '&nbsp;</li>
  <li>Font-size &amp; color : the size is 1.3 rem not pixel I have chosen this unity , <code>#1a5099</code> this color it's near that the original color on <strong>Steemit </strong>.</li>
  <li>margin : 0 on the top and bottom 20 left and right .</li>
</ul>
<p>Our profile image :</p>
<ul>
  <li>width &amp; height : the same width and height to be the same&nbsp;</li>
  <li>border-radius : 50% to be circle&nbsp;</li>
  <li>border : 1 pixel it's solid not dashed and the color is gray&nbsp;</li>
  <li>cursor : pointer to be like it <img src="https://cdn1.iconfinder.com/data/icons/streamline-selection-cursors/60/cell-0-0-30.png" width="30" height="30"/></li>
</ul>
<p>This is the result :&nbsp;</p>
<p><img src="https://f.top4top.net/p_6237957k3.png" width="1366" height="71"/></p>
<p>Now we will continue to do the menu bar , look at the code :&nbsp;</p>
<p><img src="https://e.top4top.net/p_623jled94.png" width="831" height="466"/></p>
<p>I have done a '<strong>ul </strong>' and in the list item I have written the images and the links that we have as you see , and this is the <strong>css </strong>proprieties :</p>
<p><img src="https://d.top4top.net/p_623gdr7a3.png" width="869" height="628"/></p>
<p>I will just explain the new proprieties because of the others we have used in the previous elements like width and height or the border ..etc so for the first class the <strong>unordered list</strong> :&nbsp;</p>
<ul>
  <li>List-style : none , we have in the list the circle that is the style of the list we will disable this propriety by 'none'</li>
  <li>Box-shadow : 1 pixel to the bottom and right, the color by the<code> rgba is ( 50,50,50,0.75) </code>the opacity is : 0.75</li>
  <li>Position : absolute to be free I gave to the top : 49 pixels and to the left : 1070 pixels&nbsp;</li>
  <li>Display : none , to hide this element when we want to see it we click on the profile picture&nbsp;</li>
</ul>
<p>The paragraph or the name of our profile :</p>
<ul>
  <li>font-weight : the bold is 700 it's not normal&nbsp;</li>
  <li>text-align : center to be in the center of list&nbsp;</li>
  <li>border-bottom : border on the bottom of this element</li>
</ul>
<p>Now the items of this list :</p>
<ul>
  <li>margin-left : 10 pixels to give a space to the left</li>
  <li>padding-bottom : it will be not attach wit the other elements&nbsp;</li>
</ul>
<p>The link has color and font weight bold and the text decoration is none to be without line .</p>
<p>The images are a little big I have minimized them by the width and height .</p>
<p><img src="https://c.top4top.net/p_6236hzzh2.png" width="466" height="263"/></p>
<p>In <strong>jQuery </strong>I have written the document ready function to do all this when the page load&nbsp;</p>
<p>I have selected the span in the div ' <strong>Info </strong>' by this code <code>$('.Info span')</code> and I have done the event ' <strong>on </strong>' when I click it will do this function <code>' on('click', function() ) '</code> and finally I selected the list and this event <strong>fadeToggle </strong>if the list hidden it will appear and the opposite .</p>
<p>this is the result :&nbsp;</p>
<p><img src="https://b.top4top.net/p_623543hk1.png" width="1363" height="467"/></p>
<p>&nbsp;May be the dimensions that I have mentioned is not standard for all , you can increase and decrease until you get the best form that you see or you want .&nbsp;</p>
<p>&nbsp;This is the <strong>navbar of Steemit</strong> , If you find this post benefit and you get more informations from it don't forget to upvote and follow me just to encourage me to know that there are peoples follow my courses ..You can also follow my courses of <strong>HTML</strong> and <strong>Excel</strong> , I will do other tutorial of <strong>Css</strong> for the beginners .Thank you for reading my article , I love you all ♥ By <a href="https://steemit.com/@aymenz">@aymenz</a> <img src="https://steemitimages.com/0x0/https://e.top4top.net/p_621rboty1.jpg" width="980" height="358"/></p>
</html>

👍 curie, hendrikdegrote, anwenbaumeister, pharesim, masterofcoin, kushed, misko, velourex, mkt, tabea, abishai, zararina, drifter1, cheah, decebal2dac, marcusorlyius, ben.zimmerman, toxichan, raymondspeaks, allgoodthings, randyclemens, beeskee, blackwidow7, ourlifestory, cebymaster, krizia, mrlogic, bitrocker2020, ch00fy, palmtreetrading, bp423, n1kofi, ananiani, sethlinson, cotidiana, shahzadnisar, steemedia, ninkhisibir, jamhuery, alainite, thatdamiguy, john-gpr, elzed, ayaac, morning-night, sergiottf, sellergenius, marcosespes1, gregwarma22, aser1111, ovij, networkallstar, fuel4fire, aymenz, zellious, gunawanramli, sametacar1235, aek081969, ddangerwu, locikll, doyouknow, ahmedmidoos, tsoulix, garudi, and 5 others

`author`	aymenz
`permlink`	navbar-steemit-with-html5-css3-and-jquery-by-aymenz-become-web-designer
`category`	life
`json_metadata`	{"tags":["life","technology","programming","education","art"],"image":["https://e.top4top.net/p_6235j86g1.jpg","https://c.top4top.net/p_623qfejc1.png","https://c.top4top.net/p_623tb9ky1.png","http://s20.postimg.org/5veguik65/steemit_logo_final_Copy_3.png","https://c.top4top.net/p_623ghyo11.png","https://d.top4top.net/p_623enxcr2.png","https://e.top4top.net/p_6231bzuq3.png","https://d.top4top.net/p_623rghbj1.png","https://e.top4top.net/p_6231oydg2.png","https://cdn1.iconfinder.com/data/icons/streamline-selection-cursors/60/cell-0-0-30.png","https://f.top4top.net/p_6237957k3.png","https://e.top4top.net/p_623jled94.png","https://d.top4top.net/p_623gdr7a3.png","https://c.top4top.net/p_6236hzzh2.png","https://b.top4top.net/p_623543hk1.png","https://steemitimages.com/0x0/https://e.top4top.net/p_621rboty1.jpg"],"links":["http://jquery.com/download/","https://steemit.com/@aymenz"],"app":"steemit/0.1","format":"html"}
`created`	2017-09-15 15:43:24
`last_update`	2017-09-15 16:41:21
`depth`	0
`children`	14
`last_payout`	2017-09-22 15:43:24
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	53.148 HBD
`curator_payout_value`	17.458 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	9,250
`author_reputation`	22,313,300,380,026
`root_title`	"Navbar Steemit With HTML5 , CSS3 & Jquery By Aymenz Become Web Designer"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	14,979,001
`net_rshares`	26,004,486,657,420
`author_curate_reward`	""

properties (23)vote details (69)

voter	rshares	pct
pharesim	103,215,733,691	0.14%
kushed	35,614,037,290	1.4%
drifter1	6,172,444,420	100%
anwenbaumeister	471,480,136,842	14%
raymondspeaks	3,553,464,224	14%
ben.zimmerman	4,138,640,802	7%
marcusorlyius	4,306,683,388	100%
toxichan	3,977,843,964	14%
velourex	26,249,408,004	14%
randyclemens	3,287,897,122	14%
mrlogic	2,769,952,268	14%
sethlinson	1,673,290,340	4.2%
steemedia	1,477,580,919	14%
networkallstar	721,892,470	100%
curie	15,578,591,903,173	14%
cebymaster	2,903,057,481	14%
ninkhisibir	1,452,785,810	14%
allgoodthings	3,499,601,559	14%
hendrikdegrote	9,574,774,548,712	14%
decebal2dac	5,510,509,847	14%
cotidiana	1,662,414,245	14%
ourlifestory	2,905,545,479	8.4%
sellergenius	1,109,062,712	14%
beeskee	3,147,495,069	14%
cheah	5,612,090,503	14%
marcosespes1	1,096,109,483	14%
krizia	2,780,780,634	14%
blackwidow7	3,125,936,656	14%
tabea	12,570,091,939	14%
john-gpr	1,187,140,348	12.6%
jamhuery	1,449,469,650	7%
shahzadnisar	1,504,917,380	8.4%
bp423	2,085,444,851	14%
bitrocker2020	2,739,494,046	7%
alainite	1,314,760,561	7%
mkt	16,549,350,916	100%
abishai	6,555,151,870	14%
locikll	541,460,146	4.2%
n1kofi	1,806,636,266	14%
ch00fy	2,489,645,507	14%
zararina	6,436,213,650	100%
thatdamiguy	1,281,861,842	100%
palmtreetrading	2,261,340,864	7%
gunawanramli	653,236,407	100%
ananiani	1,789,778,354	14%
misko	32,075,716,985	100%
ovij	780,690,479	14%
aek081969	637,672,035	100%
doyouknow	448,708,661	100%
garudi	281,845,094	14%
zellious	665,800,745	14%
ddangerwu	628,695,264	14%
masterofcoin	38,744,624,384	100%
aymenz	698,210,773	70%
elzed	1,160,828,354	100%
aser1111	815,905,694	100%
gregwarma22	975,295,163	100%
tsoulix	383,000,832	100%
sergiottf	1,137,396,292	100%
emmalynnemiriam	185,697,326	100%
brittancassandra	191,500,367	100%
essalucina	162,485,160	100%
juninalethia	139,272,994	100%
sametacar1235	644,136,749	100%
londongas	278,545,607	100%
ayaac	1,160,606,473	100%
morning-night	1,160,605,459	100%
fuel4fire	707,969,298	100%
ahmedmidoos	394,605,528	100%

@emmalynnemiriam · Sep 17 '17

@aymenz This is actually some incredible function!.

👍 aymenz
👎 good-karma, pfunk, mobbs, steeminator3000, konti, tomekkk, mididouze, blacklist-a

`author`	emmalynnemiriam
`permlink`	re-aymenz-navbar-steemit-with-html5-css3-and-jquery-by-aymenz-become-web-designer-20170917t074833295z
`category`	life
`json_metadata`	{"tags":["life"],"users":["aymenz"],"app":"steemit/0.1"}
`created`	2017-09-17 07:48:30
`last_update`	2017-09-17 07:48:30
`depth`	1
`children`	1
`last_payout`	2017-09-24 07:48:30
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	51
`author_reputation`	-995,670,637,569
`root_title`	"Navbar Steemit With HTML5 , CSS3 & Jquery By Aymenz Become Web Designer"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	15,115,475
`net_rshares`	-23,508,931,202,861
`author_curate_reward`	""

properties (23)vote details (9)

voter	rshares	pct
pfunk	-4,998,463,879,433	-100%
good-karma	-18,216,868,773,642	-100%
konti	-38,740,229,131	-100%
blacklist-a	-52,095,934	-10%
mobbs	-133,854,753,151	-100%
tomekkk	-9,902,948,025	-100%
mididouze	-2,920,583,204	-100%
steeminator3000	-109,366,966,804	-100%
aymenz	1,239,026,463	100%

@aymenz · Sep 17 '17

Thank you ^_^

properties (22)

`author`	aymenz
`permlink`	re-emmalynnemiriam-re-aymenz-navbar-steemit-with-html5-css3-and-jquery-by-aymenz-become-web-designer-20170917t104447677z
`category`	life
`json_metadata`	{"tags":["life"],"app":"steemit/0.1"}
`created`	2017-09-17 10:44:51
`last_update`	2017-09-17 10:44:51
`depth`	2
`children`	0
`last_payout`	2017-09-24 10:44:51
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	13
`author_reputation`	22,313,300,380,026
`root_title`	"Navbar Steemit With HTML5 , CSS3 & Jquery By Aymenz Become Web Designer"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	15,125,943
`net_rshares`	0

@essalucina · Sep 17 '17

@aymenz We need remain informed and concentrate on things that are hidden from the majority.

👍 aymenz
👎 sadkitten

`author`	essalucina
`permlink`	re-aymenz-navbar-steemit-with-html5-css3-and-jquery-by-aymenz-become-web-designer-20170917t081256851z
`category`	life
`json_metadata`	{"tags":["life"],"users":["aymenz"],"app":"steemit/0.1"}
`created`	2017-09-17 08:12:54
`last_update`	2017-09-17 08:12:54
`depth`	1
`children`	1
`last_payout`	2017-09-24 08:12:54
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	92
`author_reputation`	-927,447,050,773
`root_title`	"Navbar Steemit With HTML5 , CSS3 & Jquery By Aymenz Become Web Designer"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	15,116,935
`net_rshares`	-5,878,382,828,963
`author_curate_reward`	""

properties (23)vote details (2)

voter	weight	wgt%	rshares	pct	time
sadkitten	0 B		-5,879,649,389,347	-100%
aymenz	0 B		1,266,560,384	100%

@aymenz · Sep 17 '17

If you have any questions or something you can ask me and I will do all my best to give you the important things , thank you

properties (22)

`author`	aymenz
`permlink`	re-essalucina-re-aymenz-navbar-steemit-with-html5-css3-and-jquery-by-aymenz-become-web-designer-20170917t104419692z
`category`	life
`json_metadata`	{"tags":["life"],"app":"steemit/0.1"}
`created`	2017-09-17 10:44:21
`last_update`	2017-09-17 10:44:21
`depth`	2
`children`	0
`last_payout`	2017-09-24 10:44:21
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	124
`author_reputation`	22,313,300,380,026
`root_title`	"Navbar Steemit With HTML5 , CSS3 & Jquery By Aymenz Become Web Designer"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	15,125,916
`net_rshares`	0

@hybridpa · Sep 17 '17 (edited)

jQuery is so outdated there are way better and faster technologies. If you want to build fast web pages start with Javascript. Later learn some ReactJs, and you will  for sure have nice, fast and responsive web page.

 But starting with slow jQuery? Why even people need it this days.

👍 aymenz

`author`	hybridpa
`permlink`	re-aymenz-navbar-steemit-with-html5-css3-and-jquery-by-aymenz-become-web-designer-20170917t214645820z
`category`	life
`json_metadata`	{"tags":["life"],"app":"steemit/0.1"}
`created`	2017-09-17 21:46:45
`last_update`	2017-09-17 21:48:12
`depth`	1
`children`	1
`last_payout`	2017-09-24 21:46:45
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	284
`author_reputation`	1,626,513,564
`root_title`	"Navbar Steemit With HTML5 , CSS3 & Jquery By Aymenz Become Web Designer"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	15,171,866
`net_rshares`	1,126,116,755
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
aymenz	0 B		1,126,116,755	100%

@aymenz · Sep 19 '17

for me jQuery is very fast if you want for example to select element just do it ' $('element') ' but in Javascript ' document.getElementById('id') ' and you will do it in variable it's so long and jQuery has many beautiful events you can mix the two languages and build a great website , thank you to your comment !

properties (22)

`author`	aymenz
`permlink`	re-hybridpa-re-aymenz-navbar-steemit-with-html5-css3-and-jquery-by-aymenz-become-web-designer-20170919t103203327z
`category`	life
`json_metadata`	{"tags":["life"],"app":"steemit/0.1"}
`created`	2017-09-19 10:32:06
`last_update`	2017-09-19 10:32:06
`depth`	2
`children`	0
`last_payout`	2017-09-26 10:32:06
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	315
`author_reputation`	22,313,300,380,026
`root_title`	"Navbar Steemit With HTML5 , CSS3 & Jquery By Aymenz Become Web Designer"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	15,313,520
`net_rshares`	0

@juninalethia · Sep 16 '17

@aymenz Wow, that is certainly so wonderful. I'm quite grateful for that! Find it irresistible..

👍 aymenz

`author`	juninalethia
`permlink`	re-aymenz-navbar-steemit-with-html5-css3-and-jquery-by-aymenz-become-web-designer-20170916t214755185z
`category`	life
`json_metadata`	{"tags":["life"],"users":["aymenz"],"app":"steemit/0.1"}
`created`	2017-09-16 21:47:54
`last_update`	2017-09-16 21:47:54
`depth`	1
`children`	1
`last_payout`	2017-09-23 21:47:54
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	96
`author_reputation`	-80,936,466,356
`root_title`	"Navbar Steemit With HTML5 , CSS3 & Jquery By Aymenz Become Web Designer"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	15,088,083
`net_rshares`	1,163,308,179
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
aymenz	0 B		1,163,308,179	100%

@aymenz · Sep 16 '17

thank you ^_^

properties (22)

`author`	aymenz
`permlink`	re-juninalethia-re-aymenz-navbar-steemit-with-html5-css3-and-jquery-by-aymenz-become-web-designer-20170916t235253505z
`category`	life
`json_metadata`	{"tags":["life"],"app":"steemit/0.1"}
`created`	2017-09-16 23:52:54
`last_update`	2017-09-16 23:52:54
`depth`	2
`children`	0
`last_payout`	2017-09-23 23:52:54
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	13
`author_reputation`	22,313,300,380,026
`root_title`	"Navbar Steemit With HTML5 , CSS3 & Jquery By Aymenz Become Web Designer"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	15,093,833
`net_rshares`	0

@londongas · Sep 15 '17

Great Post a bit too complex for my tiny mind but defo a lot of effort been put in here. I need to up my game :)

👍 aymenz

`author`	londongas
`permlink`	re-aymenz-navbar-steemit-with-html5-css3-and-jquery-by-aymenz-become-web-designer-20170915t192230014z
`category`	life
`json_metadata`	{"tags":["life"],"app":"steemit/0.1"}
`created`	2017-09-15 19:22:30
`last_update`	2017-09-15 19:22:30
`depth`	1
`children`	1
`last_payout`	2017-09-22 19:22:30
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	112
`author_reputation`	5,227,280,250
`root_title`	"Navbar Steemit With HTML5 , CSS3 & Jquery By Aymenz Become Web Designer"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	14,996,113
`net_rshares`	1,033,117,554
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
aymenz	0 B		1,033,117,554	100%

@aymenz · Sep 15 '17

Welcome thank you ^_^ If you want to learn the HTML language I have done some courses and I will continue thank's again

properties (22)

`author`	aymenz
`permlink`	re-londongas-re-aymenz-navbar-steemit-with-html5-css3-and-jquery-by-aymenz-become-web-designer-20170915t192747918z
`category`	life
`json_metadata`	{"tags":["life"],"app":"steemit/0.1"}
`created`	2017-09-15 19:27:51
`last_update`	2017-09-15 19:27:51
`depth`	2
`children`	0
`last_payout`	2017-09-22 19:27:51
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	119
`author_reputation`	22,313,300,380,026
`root_title`	"Navbar Steemit With HTML5 , CSS3 & Jquery By Aymenz Become Web Designer"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	14,996,511
`net_rshares`	0

@osamos · Sep 16 '17

wow great post , thank you , important info

👍 aymenz

`author`	osamos
`permlink`	re-aymenz-navbar-steemit-with-html5-css3-and-jquery-by-aymenz-become-web-designer-20170916t231348350z
`category`	life
`json_metadata`	{"tags":["life"],"app":"steemit/0.1"}
`created`	2017-09-16 23:14:03
`last_update`	2017-09-16 23:14:03
`depth`	1
`children`	1
`last_payout`	2017-09-23 23:14:03
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	43
`author_reputation`	9,212,649,999
`root_title`	"Navbar Steemit With HTML5 , CSS3 & Jquery By Aymenz Become Web Designer"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	15,091,966
`net_rshares`	1,163,308,179
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
aymenz	0 B		1,163,308,179	100%

@aymenz · Sep 16 '17

your welcome thank you too for this comment ^_^

properties (22)

`author`	aymenz
`permlink`	re-osamos-re-aymenz-navbar-steemit-with-html5-css3-and-jquery-by-aymenz-become-web-designer-20170916t235329285z
`category`	life
`json_metadata`	{"tags":["life"],"app":"steemit/0.1"}
`created`	2017-09-16 23:53:30
`last_update`	2017-09-16 23:53:30
`depth`	2
`children`	0
`last_payout`	2017-09-23 23:53:30
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	47
`author_reputation`	22,313,300,380,026
`root_title`	"Navbar Steemit With HTML5 , CSS3 & Jquery By Aymenz Become Web Designer"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	15,093,857
`net_rshares`	0

@tsoulix · Sep 15 '17

amazing post 
thank you bro

👍 aymenz, abdelhamidtsouli

`author`	tsoulix
`permlink`	re-aymenz-navbar-steemit-with-html5-css3-and-jquery-by-aymenz-become-web-designer-20170915t192944545z
`category`	life
`json_metadata`	{"tags":["life"],"app":"steemit/0.1"}
`created`	2017-09-15 19:29:42
`last_update`	2017-09-15 19:29:42
`depth`	1
`children`	1
`last_payout`	2017-09-22 19:29:42
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	27
`author_reputation`	1,066,192,153,888
`root_title`	"Navbar Steemit With HTML5 , CSS3 & Jquery By Aymenz Become Web Designer"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	14,996,626
`net_rshares`	1,738,685,415
`author_curate_reward`	""

properties (23)vote details (2)

voter	weight	wgt%	rshares	pct	time
abdelhamidtsouli	0 B		705,567,861	100%
aymenz	0 B		1,033,117,554	100%

@aymenz · Sep 15 '17

your welcome thank you too

properties (22)