html-wizard
The HTML Wizards
The tutorials and images that are posted here are not ours unless stated otherwise.
The tutorials are from different bloggers.
If a post is ours please do not repost our tutorial or move credits. All credits will go to their respectful owner.
- xoxo, HTML Wizards
[our blog is still under construction]
16 posts
Don't wanna be here? Send us removal request.
Last Seen Blogs
billiousserpent
Ssss!
hayarider
Hayarider
awek-s
love so fine;
americanstatenational
AMERICAN STATE NATIONAL
Note
hey:D i want to make a redirect page from vershace. tk to vershace. tk/tagged/text... so when someone click on my blog,it automatically redirect him to texts? xx
If you want that to be the first thing people see when they view your blog, just open cuztomization for your blog, click edit HTML, and put this exactly before
<br />var path = window.location.pathname;<br /> window.location.replace(‘http://vershace.tk/tagged/text’ + path);<br />
(credit for the code goes to oddhour)
-Vaugely
7 notes
·
View notes
Text
Tutorial: Tooltips
INSTRUCTIONS:
Put this code before <style type=”text/css”>
Put this code after <style type=”text/css”>
TO MAKE THEM APPEAR:
Add a title to a link like this.
Before: <a href=”/”>home</a>
After: <a href=”/” title=”go to home page”>home</a>
{ + Tooltips are the little boxes that appear when you hover over some links }
512 notes
·
View notes
Note
Do you have a code for a back to top button where the picture isn't necessarily online? if not then regular code would suffice
Do you mean how to insert your own picture that you made? If so find your back to top code in your html, find img-src and everything between the quotation marks like, "[picture img url]" you replace with the picture you want.
You can go to tinypic.com , upload an image, and then copy and paste the "direct link" code and paste it between the quotation marks.
0 notes
Note
i have 20x20px picture and 25x25px "box" for my permalink... how can i center the picture? thank you x
Which "box" are you referring to that way I can tell you how to center it. (In your html code which div is it under?)
0 notes
Note
Hey guys I have this tiny problem myself! My theme works a bit weird, different than normally. How do I add a fourth row of pictures?
Look for .entry{
and change:
width:250px; to width:300px;
-Lumised
0 notes
Note
hi! so i really want the black background on my blog to be the background picture behind it, but i want the background picture there to be black! i hope you can follow me haha. is there a way you lovelies could help me?
Under #content change:
background-color:#020202; to: background: url('http://static.tumblr.com/092676cc5fc2d768623f54b6b400c9ad/zmvsi45/TUYmyxr2n/tumblr_static_hd.jpg') fixed ;
and under: body{
Delete
background: url('http://static.tumblr.com/092676cc5fc2d768623f54b6b400c9ad/zmvsi45/TUYmyxr2n/tumblr_static_hd.jpg') fixed ;
and find:
background-color:#ffffff; and change it to background-color:#000000;
-Lumised
0 notes
Text
SOME RECOMMENDED SITES TO USE
For the best themes and a perfect ask box: http://atlasdesigns.co
For follower counters, music players, cursors, themes ánd theme generators: http://totallylayouts.com
For the best music players (our opinion): http://scmplayer.net
Enjoy!
With any html trouble you can ask us xx
0 notes
Text
How to get the PASTEBIN URL RAW for Scrollbox (page).
Go to pastebin host there your text or html .
Click submit . Then it will redirect your to this one.
Click the “RAW” (look for the blue green arrow) then click it.
Then copy the url itself. (This scroll box cannot use links)
10 notes
·
View notes
Link
It’s like:
Paste this before </style>
And this after <body>!
To change the position in the css,
look for:
Then change the top and the left, leave the position alone!! what they mean by negative is to make it not show the whole thing (BAD ENGLISH LOL). To change the height if...
73 notes
·
View notes
Text
How to add an ask box
example:
Copy THIS code and paste it in you description. You can change the height and the width. Put you url where is “yoururl”. Click save + close.
- Jessica
1 note
·
View note
Link
It looks like this:
While on hover, it looks like this:
Paste this before </style>
.graybutton {-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;box-shadow:inset 0px 1px 0px 0px #ffffff;background:-webkit-gradient( linear, left top, left...
10 notes
·
View notes
Link
There are various methods, both of which I haven’t tested. Tutorial based from that of thesnippetx and ettudis respectively
Manipulating a photoset can be… hard, as it is displayed in an iframe. So what you have to do is to change the iframe itself.
Method #1
Insert this code under...
13 notes
·
View notes
Text
How To Make Your Pictures Darker On Hover!
Paste This Before </style> tag:
img, a img { border: 0px; opacity: 1.0; filter: alpha(opacity=0.75); -o-transition: opacity 1.5s linear; -webkit-transition: opacity 1.7s linear; -moz-transition: opacity 1.7s linear; }
img:hover, a:hover img {opacity: .75; filter: alpha(opacity=1.95); -o-transition: opacity .9s linear; -webkit-transition: opacity .15s linear; -moz-transition: opacity 1.7s linear; }
27 notes
·
View notes
Text
Pop-up Effects
Fade Background (Live Preview here)
Find the #fade in your CSS pop-up code. Now look for background: replace it with this code:
background: url(YOURIMAGEURL);
Askbox Background (Live Preview here)
Find the .popup_block { in your CSS pop-up code. Now look for background: replace it with this code:
url {'YOURIMAGEURL');
Tutorial made by Queenie.
By the way the backgrounds are not mine :)
12 notes
·
View notes
Photo
Hi everyone’s been asking me how I got the snowflakes on my blog so I’m just going to make a post about it. Go to your theme and add this code below the body tag (<body>) which you can find using ctrl + f or F3. You can change the colors of the snowflakes to your liking and then save it and you’re set. Happy holidays xoxo
4K notes
·
View notes
Link
ok so ive been getting a lot of questions on how to do the pop up ask so i made a tutorial for you guys!!!
1. paste this code under <head>
2. paste this code before </style>
3. past this code under </body>
4. now in the <div> tags find <a href=”/ask” and replace that tag with this...
527 notes
·
View notes