/index

Ettudis (n) A graphic site offering freebies ranging from website designs, tumblr themes to textures and other graphic resources.

about
designer
contact

terms of use

content
resources

links
sitemap

tagboard

heart(s)

How to Make Tumblr Themes (Series)

 Want to learn how to code tumblr themes? Learn all the basics in this series! This tutorial series include 4 parts plus an additional article on how to make nest posts (combining CSS, HTML and Masonry). Part i covers html, css and meta tags. Part ii teaches about the body and sidebar: links, description, images, title. Part iii includes the main column (1/2): the posts types: photos, photosets, links, chats, text, quotes, answers, audio, videos, and part iv covers the main column (2/2): the post information: captions, source, dates, tags and notes.

click to read more »

HTML/CSS Back to the Top button

 Do you have pages with a lot of content? and want to allow easier navigation for the visitor? The "back to the top" feature this tutorial will be covering will take the visitor to the top of the page when they press the button/link. This tutorial requires you to have basic knowledge of HTML and CSS. This effect works on all browsers.

click to read more »

CSS static animated sidebar

 This tutorial is very brief and simple as it assumes that you are quite familiar with HTML and CSS. The effect uses the CSS :hover selector and div tags/selectors to create the animated static in sidebars. This effect works on Opera, Safari, Chrome and Firefox.

click to read more »

css smooth drop-down menu

Learn how to code a smooth drop-down menu using only CSS! This tutorial requires you to have a basic knowledge of HTML and CSS. This effect works for Safari, Mozilla Firefox, Google Chrome and Opera.

click to read more »

css fade effect and transition

This concise, easy tutorial teaches how to add hovering fade effects and transition using CSS only. However, this requires you to have a basic knowledge of CSS and HTML. This effect works for the latest version Safari, Chrome, Opera and Firefox.

click to read more »

css basics

The title is pretty self-explanatory. Now that you’ve gotten the hang of HTML, you can make things easier by incorporating CSS. There’s so much that CSS can help you do. This tutorial teaches you all the basics of CSS

click to read more »

watch out! signature

watchout-8.png Simple tutorial on how to make this signature. This tutorial focuses on simple composition, stock blending and text effects
Level: Beginner ~ Intermediate
Requires selective colouring.

click to read more »

tous les sens signature

toutlessens-12.pngSimple tutorial on how to make this signature. This tutorial focuses on simple composition, stock blending and text effects
Level:  Beginner ~ Intermediate
Requires selective colouring.

click to read more »

eyes of the tiger blend

eyesofthetiger-14.pngA very long tutorial on how to make this lovely, complicated blend. This tutorial emphasizes composition (blending of textures) and colour-editing.
Level: Intermediate ~ Advanced.
Requires selective colouring.

click to read more »