#htmldesign

The temptation was too strong...

Themed after the dirt block and grass block! I like this one but personally I think I could do better with maybe some other blocks. I just feel like this one ended up being a little lackluster. Maybe it's the grey? Though when trying out other colours to swap it with, they seemed worse so I kept it as is.

Thinking of maybe an animated Nether Portal skin would be neat - it's always trying to balance cool colours/themes with actually being able to use and read things properly though...

Anyway, feel free to take and modify however you want!!

CSS:

#header ul.primary, #footer, .autocomplete .dropdown ul li:hover, li.selected, a.tag:hover {

background: #000 url('https://wallpapercave.com/wp/wp9822789.png'); background-size: 500px;

}

#header .heading a, #header .actions a:hover, #header .actions a:focus, #header .dropdown:hover a, #header .open a, #header fieldset, #header form, #header p, #dashboard a:hover, .actions a:hover, .actions input:hover, .delete a, span.delete, span.unread, .replied, span.claimed, .draggable, .droppable, span.requested, a.work, .blurb h4 a:link, .blurb h4 img, .system .latest h3, .system div.news h3, .system .tweets h3, .required, .error, a.cloud7, a.cloud8 { color: #000;

}

#outer #header #greeting .icon, #dashboard.own, .error, .comment_error, #header ul.primary, .LV_invalid, .LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active, #header .primary a, #header .primary .current, #header .primary input, #header .search input { border-color: #000 !important;

}

#outer { background: url("https://i.pinimg.com/474x/0e/1f/c2/0e1fc2e0638e878d3ba8db495152164c--custom-fabric-spoonflower.jpg");

}

#main { background: #854f2b; max-width: 90%; opacity: 0.9;

}

.group .header, .blurb ul.tags, .blurb blockquote, #outer .current { background: #477a13;

}

#outer #footer .heading, #outer #footer .actions a, #header ul.primary a { color: #432412;

}

WIZARD:

Font: Helvetica

Percent of browser font size: 117

Vertical gap between paragraphs: 1.5

Background color: #61371f

Text color: black

Header color: #477a1e

Accent color: #888c8d

i started writing down all the elements, syntax and tags i learnt in my course but noticed soon enough that it's way too much for my lil brain and wrist (it hurt my hand so much to write all of it down) to handle. i made the decision to copy and paste the information of the course, edit it in Word and print it out later as kind of a "cheatsheet".

That's when i wanted to ask you guys:

How do y'all do it? How do you write down/capture everything you learn? Or do you just repeat it over and over again until it sticks to you? I'd appreciate to hear from you!

Feito para uma personagem criança, esse template ficou bem delicado, todas as fontes foram selecionadas pela compradora, que escolheu também a paleta de cores, embora eu tenha feito a montagem para ver onde cada cor seria usada.

Contém:

-Espaço para Título;

-Espaço para Frase ou Legenda;

-Cores e Imagem Personalizáveis;

-2 imagens editáveis;

-1 imagem decorativa (flores);

-5 campos de informação;

Uso restrito ao comprador.

-x-

In English

Made for a child character, this template was very delicate, all the fonts were selected by the buyer, who also chose the color palette, although I did the montage to see where each color would be used.

Contains:

-Space for Title;

-Space for Phrase or Caption;

-Customizable Colors and Image;

-2 editable images;

-1 decorative image (flowers);

-5 information fields;

1)- What is an array?

An array is a variable in JavaScript used to store data. Arrays are used when we have a large list of data and we want to store it to access it one by one.

For more information about arrays, how to create them in JavaScript and how to add, remove elements and join multiple arrays please check the following tutorial: https://purpose-code.com/javascript-arrays-how-and-what/

2)- How to loop through an array?

1)- For loop

To loop through an array the 1st common method is to use the for loop method.

The for loop method will run through the elements of the array, but it does not look for the element itself, but for its index/position in the array.

Let’s take an example to see how for loop works exactly.

To continue reading you can check the complete article below:

Introduction

Hello there friend, today we are going to look at how you as a web developer can add a favicon to your website's webpages by editing your HTML files. A favicon refers to an image placed to the left-side of browser top tabs, for example, on a google search tab you will notice that it has a big colored G representing there logo. This only shows that a favicon image is mostly a website or company logo or something that holds a certain meaning to your website or company, so without further do, lets get right into it.

Creating or preparing your favicon image

Favicon images have a recommended format of use, the most recommended are two which include, .png and .ico formats. So for example your company or website logo is in a .jpg or .jpeg format, this can simply be changed to the recommended formats by changing them by simply renaming your image with a .png format at the end, that is after you have already removed or erased or deleted the .jpeg format at the end of the image name when renaming and you must also note that your image should be renamed us favicon. Well, that is all on how you can create or prepare your image to be used as a favicon.

Adding the favicon image to your website's webpages

We have prepared our favicon and we are readyyy to launch it to the tabs😁, well lets get started, time is money right😉. In order for you to get the favicon working, you must add a <link> tag in your <head> section of each and every webpage of your website and here is how you'll do that:

<link rel="shortcut icon" type="image/png" href="favicon.jpg"/>

well now to get into the details, the rel attribute specifies what the link tag is linking to, for example, icon value is used to specify that the link is linking to a favicon image.

Note: according to HTML 5, the rel attribute doesnt contain any spaced value hence making "shortcut icon" invalid for use in the rel attribute, use the icon value to describe this. But then why is it that even in this format it still works?🤔 the browser still gets to show the image as it has been saved as favicon.ico or png and even if you never specified a link tag for this but as long as the image is saved as favicon.ico in your websites root folder, then the browser is likely to diplay the favicon in the websites tabs

The type attribute is used to show the format or type of your favicon and in this context it is an image in .png format and if its in .ico format then it would be "image/ico". The href attribute specifies the location of the favicon image for the browser, it might be a file path leading to the favicon or just the name if it's in the same folder and that marks the ending of this essential info.

Conclusion

Favicon images represent a company or website logo which lets your users know that it's your site and not only that as these images also add beauty to your sites. Thanks for reading guys and if you liked the content, you can subscribe and check out more of my posts as i am really loaded.😉