Redesign and code the official site of www.domnista.gr.

This is the official site of besito cafe.
Besito is a popular cafe at Argyroupoli, Athens.
Wooden floor on two levels, shades of brown and orange sofas and friendly staff is ready to make you feel comfortable, to chat, drink your coffee or drink or even eat with your friends.

Redesign for the front page of the Greek version of weatheronline.co.uk
copyright: Sentel

This a wp-theme that I made for Marilena’s Mexi live portfolio.

She is a perfect illustrator designer, makes wonderful illustrations and it was really pleasure to work with her for this project.

The template was designed by Marilena and coded by me.

This is a wp-theme that I made for www.domnista.com.

Domnista is a beautiful village in Evritania, here in Greece. If you come, you are welcome!

link: www.domnista.com

The values are from 100 (which is like no opacity) to 0 (which is like they are disappear)

-moz-opacity: is for mozilla

filter:alpha(opacity=??): is for exlporer

opacity: is for safari

example :
#header {
background: black;
-moz-opacity: 0.4;
filter:alpha(opacity=40);
opacity: 0.4;
}

The most used are :

active -> is for a link when it is gains focus (= when it is clicked on)

visited -> is for a link that has already been visited

hover -> is for a link when the cursor is held over it

and there is also the class=”active” ->is for the link that it is clicked and it is active

example :
a {
color: purlpe;
}
a:active {
color: blue;
}
a:visited {
color: blue;
}
a:hover {
color: gray;
}
a.active {
color: black;
}

usually the color of the a, a:active and a:visited is the same, so it’s more right to write it like this :

a,
a:active,
a:visited {
color: purlpe;
}
a:hover {
color: gray;
}
a.active {
color: black;
}

example :
in html language :
<div id=”content”>
<h1>Adipiscing elit</h1>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur volutpat.
</p>
<p>
Nam pretium, est sed molestie congue, arcu elit fringilla est, placerat sodales sapien velit ut.
</p>
</div>

in css language :
#content {
background: lightgray;
padding: 1em 2em;
}
#content h1 {
font-family: Arial;
color: purple;
padding-bottom: 0.5em;
border-bottom: 1px solid purle;
}
#content p {
color: black;
}

example :
if you have this :
h1 {
color: white;
background: gray;
}
p.lead {
color: white;
background: gray;
}
ul {
color: white;
background: gray;
}

you can write it like this :
h1,
p.lead,
ul {
color: white;
background: gray;
}

example :
in html language :
<div id=”content”>
<p class=”lead”>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur volutpat.
</p>
</div>

in css language :
#content {
background: lightgray;
padding: 1em;
}
p.lead {
color: black;
padding: 2em;
border: 2px dashed black;
background: pink;
}