What is MOLO.ME?
MOLOME™ is a easy & fun way to share your journey of life for Symbian phones. It’s like instagram but honestly, I prefer this.
Download on Ovi Store
Follow me.
______________________________________________
If it’s not available on your phone but according to the site, it’s supported, try this trick:
- Download the old version and install.
- Download the new version and install.
- Download these:
· Qt
· QtWebkit
· QtMobility
· QMLViewer
- Install Qt then QT Webkit, after that install QT Mobility and QT Viewer on the phone memory.
- Take note that you need a wifi or packet data connection to be able to use it.
Let me know if it works! ;)
To be able to see the codes better, please reblog it and look at the post on the dashboard / go here
_____________________________________
- How do you make your themes?
I start off with these tags:
<html>
<head>
<title>{Title}</title>
<style type="text/css" media="screen, print, projection">
CSS CODES GO HERE </style>
JS CODES GO HERE </head>
<body>
BLOG CONTENTS GO HERE
</body>
</html>
Click here for CSS Guide.
Click here for Blog Contents Guide.
- Can you explain better?
You can read this for more info about blog content. What you need to do is to group the contents the way you want so you can apply specific css layout / design..
Let’s say for example you want to make a 2 column theme..
first inside the <body> and </body> tags, put the “wrapper div” tags (the size of the whole theme)
Note: I put spaces on the div id names, so they can be shown..
so we’ll have:
<body>
<div id = " wrapper ">
</div>
</body>
Inside the wrapper div, let’s put our sidebar div tags..
<body>
<div id = " wrapper ">
<div id = " sidebar ">
</div>
</div>
</body>
Below the sidebar div tags, lets put our main div tags. Why below? So it will be separated from the sidebar, and it will be inside the wrapper div.
Note: Be sure to always out the close </div> tags!
<body>
<div id = " wrapper ">
<div id = " sidebar ">
</div>
<div id = " main ">
</div>
</div>
</body>
Inside the sidebar div tags, Put everything you want like chatbox, music players, visitor trackers etc.
Inside the main div tags, Put all the blog contents which can be found here. Make sure they are inside the {block:Posts} {/block:Posts} tags
<body> <div id = " wrapper "> <div id = " sidebar "> </div> <div id = " main "> {block:Posts} ALL BLOG CONTENTS HERE SURROUNDED BY BLOCK TAGS {/block:Posts} </div> </div> </body>
Here’s an example of what we SHOULD have now:
Note: I just kind of copied the blog contents from the guide and i put div instead of li
<html> <head> <title>{Title}</title> <style type="text/css" media="screen, print, projection"> CSS CODES GO HERE </style> JS CODES GO HERE </head> <body> <div id = " wrapper "> <div id = " sidebar "> </div> <div id = " main "> {block:Posts} {block:Text} <div class= " post text "> {block:Title} <h3><a href="{Permalink}">{Title}</a></h3> {/block:Title} {Body} </div>
{/block:Text} {block:Photo} <div class= " post photo ">
<img src=" {PhotoURL-500} " alt=" {PhotoAlt} "/> {block:Caption} <div class= " caption ">{Caption}</div> {/block:Caption} </div>
{/block:Photo} {block:Photoset} <div class= " post photoset ">
{Photoset-500} {block:Caption} <div class= " caption ">{Caption}</div> {/block:Caption} </div>
{/block:Photoset} {block:Quote} <div class= " post quote " >
"{Quote}" {block:Source} <div class="source">{Source}</div> {/block:Source} </div>
{/block:Quote} {block:Link} <div class= " post link ">
<a href="{URL}" class= " link " {Target}>{Name}</a> {block:Description} <div class=" description " >{Description}</div> {/block:Description} </div>
{/block:Link} {block:Chat} <div class= " post chat ">
{block:Title} <h3><a href= " {Permalink} ">{Title}</a></h3> {/block:Title} <ul class=" chat " > {block:Lines} <li class="{Alt} user_{UserNumber}"> {block:Label} <span class="label">{Label}</span> {/block:Label} {Line} </li> {/block:Lines} </ul> </div> {/block:Chat} {block:Video} <div class= " post video ">
{Video-500} {block:Caption} <div class= " caption ">{Caption}</div> {/block:Caption} </div>
{/block:Video} {block:Audio} <div class= " post audio ">
{AudioPlayerBlack} {block:Caption} <div class= " caption ">{Caption}</div> {/block:Caption} </div> {/block:Audio} {/block:Posts} </div> </div> </body> </html>
You can add other things like the date, tags.. refer to the guide..
Let’s move on to the CSS part. The hard part. >_< First let’s define the style of the blog itself (font, body background)
body
{
background: INSERT HEX CODE OF THE COLOR url(IMAGE_URL) POSITION REPEAT/NO-REPEAT;
font: INSERT FONT FAMILY & FONT COLOR;
text-align: CENTER/JUSTIFY;
color: INSERT FONT COLOR;
}
Now let’s define he size of our first divs (wrapper, sidebar and main). We’ll put the codes on the CSS area. To render style on the wrapper div, we should write #wrapper
Note: # for div id and . for div class
#wrapper {
width: 900PX; (should be the rough sum of the main width and the sidebar width)
}
#sidebar {
width: 300PX;
float: right; SIDEBAR ON THE RIGHT PART
background: INSERT COLOR url(INSERT IMG URL) ;
OTHER STYLING CODES HERE REFER TO THE CSS GUIDE
}
#main{
float: left; MAIN ON THE LEFT
width: 500px;
background:;
OTHER STYLING CODES HERE REFER TO THE CSS GUIDE
}
To put a specific css style on the blog posts, just check the div class names. Example for the quote:
.post quote{
font: FONT SIZE FONT FAMILY;
color: FONT COLOR;
OTHER STYLING CODES HERE REFER TO THE CSS GUIDE
}
You may put the pagination on the side bar. Refer to the guide for other elements you may and you need to put.
This ends my tutorial for now.. I will add other things in the future.
- Go to Google Translate.
- Set the language from German to English.
- Copy and paste this phrase: ”pv zk bschk pv zk pv bschk zk pv zk bschk pv zk pv bschk zk bschk pv bschk bschk pv kkkkkkkkkk bschk”
- Click Listen.
- Enjoy!
Steps:
- Paint nails with a light color; let dry.
- Cut ten strips out of a newspaper.
- Pour a little rubbing alcohol in a bowl or cup.
- Wet one nail and press a strip of paper on it, but don’t leave it for too long.
- Repeat step four on the other nails.
- Cover with a clear coat.
CSS3D creates a stereoscopic 3D effect with CSS3 only. First I just created this red and cyan effect because I thought it looks cool. But then I got some 3D glasses and was shocked that it actually works. Basically you just need one line of CSS. A text-shadow with a red and cyan offset. The trick is to use “em“s for the text-shadows. That way, if you change the font-size, the text-shadows change in the same proportion.
text-shadow: -0.06em 0 red, 0.06em 0 cyan;See the Demo →
Note: Actually you are not limited to text only. You can use the same technique with box-shadows. It even works when you add some of webkit’s 3D transforms like rotateY.
Update: Wow! I submitted this to Smashing Magazine’s CSS3 Design Contest and it made it on 3rd place, which makes me incredible happy. Thanks!
For comments please use twitter.
WOO~ Sorry I’ve been so busy! D: But here it is, as promised! :) I’m really bad at explaining so ._. Hope you will find this helpful :o
The Essentials:
- Adobe Photoshop
- Photo
- Tablet (I’m using Wacom Intuos3)
- PATIENCE :D
STEP 1:
- Open your selected photo in Adobe Photoshop. I just stole this…
xD
