Vortex Themers @vortexthemers - Tumblr Blog

USING ICONS FROM FONT AWESOME; a tutorial by azurethemes/salazhar I’ve gotten a few asks on how I added icons on my main blog. I got them from Font Awesome and I thought I could make a tutorial on how to apply them to your blog. The difficulty depends on your knowledge on HTML and CSS, but it suggest you you should know the basics of of both.

Keep reading

#fontawesome #icons #html #tutorials #navigation #links #azurethemes #css #coding

azurethemes

CODING PAGES; a basic walkthrough by azurethemes/salazhar An anon requested I create a tutorial on coding pages, but the thing is, I cannot teach you that. Pages should be entirely your own and there are so many different styles, and there are even much more I haven’t discovered yet. Every page can be and is done differentlyThis post will just cover the basics and I will be providing links to several tutorials and websites for inspiration so you can create your own pages with your own style.

Keep reading

#coding #pages #tutorials #html #azurethemes #css

lillenreblog

Tutorial/tip by petitps.

Please like or reblog if it will be useful for you.

This tutorial is avaliable on english and portuguese!

Hey, so, i learned how to make it and i come here to teach you haha. It’s easy. After making your theme, everything alright, right click anyway and:

will open a code, you will press ctrl + a, after ctrl + c, go to “edit your theme” and create a new page, select “custom layout”. paste the code that you copied seconds ago and there’s your static preview.

You can ask me if still having doubts about it, bye!

Olá, então, eu aprendi a fazer a fazer static previews então vim ensinar à vocês kk. É fácil. Depois de fazer seu theme, tudo certo, clique com o botão direito em qualquer lugar e:

Vai abrir um código, você vai apertar ctrl + a, depois ctrl + c, agora vá ao “editar tema” e crie uma nova página, selecione “layout personalizado”, cole o código que você copiou agora a pouco e aí está a sua static preview.

Pode vir na ask se ainda estiver com dúvidas, tchau!

#petips #tutorials #html #css #coding #static #preview #staticpreview #themes

bisexualamy

Hello everyone! I got a message asking me to make a tabs tutorial and I’m more than happy to do it. This tutorial is intended to be general and universal instead of specific towards one type of page or theme. Transferring tabs across mediums is very easy, so if you master the concept you can pretty much apply them anywhere. For this tutorial you’ll need a good working knowledge of HTML and CSS, so if you need to know the basics check out my HTML/CSS Crash Course. And, as always, W3Schools is a wonderful resource.

Note: there are more than one way to do tabs. This is personally how I learned, and I like it because it’s pretty straightforward and doesn’t require any coding languages besides HTML and CSS.

What are HTML/CSS tabs?

Just like tabs on your web browser, you can incorporate tabs into your themes and pages. Tabs can come in all shapes, sizes, and styles. Some use symbols to signify a tab while others use words. I tend to use them in all-in-one pages, but people also use them in themes.

New vocab/concepts:

[type=radio]

checked

z-index

Keep reading

#css #html #tutorials #coding #bisexualamy #tabs #guide

bisexualamy

Part One - Part Two

This part will cover:

Formatting the posts on your theme

New vocab/concepts:

post block

text post

<h1>

li

list-style

blockquote

question post

{AskerPortraitURL}

quote post

link post

chat post

photo post

photoset post

audio post

video post

pagination

Keep reading

#bisexualamy #themes #making #makingthemes #css #html #tutorials #guide #partthree #coding

bisexualamy

Part One

This part will cover:

Setting up your sidebar

New vocab/concepts:

fixed sidebar

100% tall sidebar

header

title

description

sidebar links

default links

custom links

Keep reading

#bisexualamy #css #html #tutorials #coding #guide #themes #making #makingthemes #parttwo

bisexualamy

Here it is, the highly requested theme tutorial! This will most likely take place over the course of five parts, and by the end, you should be able to make a theme at the most basic level. After that, it’s all experimentation and customization! I’m going to be making the equivalent of a base code with you guys over the course of this tutorial: not very stylized code, but all the bare bones are there. By the end, you can use this base code for your first few themes while you’re still learning! This tutorial series will assume you know the basics of HTML and CSS, so if you don’t, check out this tutorial series that I wrote. Alternatively, for more in depth study, check out Code Academy. If you want to see all my theme tutorials, check out this tag. If you have any questions along the way, feel free to message me, and, as always, W3Schools is a wonderful resource.

This part will cover:

Understanding themes holistically

Setting up your theme

New vocab/concepts:

blocks

meta tags

{Favicon}

comment

Keep reading

#bisexualamy #css #html #tutorials #themes #making #makingthemes #coding #partone #guide

fany

Hello everyone! since i always get asks about how i make my gifs and recently i got an anon asking me to make a tutorial i finally decided to make one! I know that there a lot of tutorials already but yeah why not another one? haha, also english is not my first language so i’m sorry if there are mistakes!

Keep reading

#fany #tutorials #howtomakegifs #making #makinggifs #css #html #coding

oswaldps

TUTORIAL DE ICON por oswaldps

Oi oi! Eu vou ensinar a vocês como fazer esses tipos de icons para dash. Não é complicado, só é preciso paciência. Mas, enfim. Para esse tutorial, você vai precisar de: Esse tutorial está em português e inglês. ll This tutorial is in english and portuguese

Photoshop (qualquer versão.)

Texturas para seu icon (colocarei alguns links no final do post)

Saber como se retira o fundo de uma imagem.

Vamos começar!

Keep reading

#oswaldps #tutorials #html #css #coding #icons #photos #photoshop #makingeffetcs

10mb

I got you little anon.

Click here for a 1 hour video tutorial that covers (Mac/Windows):

Photoshop preferences

Photoshop workspaces

Photoshop keyboard shortcuts

Obtaining gif material

Preparing gif material for Photoshop with, VLC, Quick time player, OBS, KMPlayer and Adobe Bridge (Not much on adobe bridge to be fair)

Video importing a gif.

Importing frames through stack

Timing of a gif

Colouring a gif / Applying a PSD

Resizing gifs for Tumblr

Sharpening and surface blur

Save settings

The rest of the page contains some more resources and a written tutorial by activeraid which is a great tutorial that goes a bit more in depth about certain aspects of gifmaking than I do in that video.

Note that this tutorial is for ANIME gif making specifically, although methods can apply to live action and western cartoons just fine.