Creatii mr.franta

miber · 06 Jun 2015, 09:49

Da multumim, ti-am corectat eu css-ul l-am facut in forma corecta am sters ce nu era necesar si l-am simplificat.

/* Fix Menu */
.dark ul:after,
.dark ul:before {
	content: "";
	display: table;
}
.dark ul:after {
	clear: both;
}

.dark ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
}
.dark ul li {
	float: left;
}
.dark ul li a{
	line-height: 33px;
	text-align: center;
	border-bottom: 3px solid darkred;
	color: #fff;
	text-decoration: none;
	background: url('http://i38.servimg.com/u/f38/14/12/03/12/meniu10.png') no-repeat 0 0;
	padding: 0px 15px;
	font-family: tahoma;
	font-size: 12px;
	display: block;
	transition: all 300ms ease-in-out;
}
.dark ul li a:hover{
	background: url('http://i38.servimg.com/u/f38/14/12/03/12/meniu10.png') no-repeat 0 -35px transparent;
}
.dark ul li a:before {
	content: url('https://cdn4.iconfinder.com/data/icons/fugue/icon/status-offline.png');
	position: relative;
	right: 3px;
	top: 3px;
}
 .dark ul li a:hover:before{
	content: url(https://cdn4.iconfinder.com/data/icons/fugue/icon/status.png);
}

smileye · 06 Jun 2015, 12:36

Frumos, multumim.

06 Jun 2015, 12:40

Eu sunt autorul si nu imi rezerv niciun drept pentru acest index.

U what m8? Pai inseamna ca oricine se poate pune autor si sa il foloseasca, oh god.

VLD00 · 06 Jun 2015, 16:16

Arata chiar misto index-ul, felicitari pentru munca depusa.
Totusi, de ce l-ai postat?E munca ta pana la urma.

mr.franta · 06 Jun 2015, 17:11

Nu prea imi pasa cine se pune autor pe el,nu este primul index care il dau free.
Il dau pentru ca pur si simplu nu am ce face cu el.

mr.franta · 06 Jun 2015, 17:20

Previzualizare live http://aply-zone.wikiforum.ro/h4-cs1-ro
html/css: mr.franta.
Design photoshop: Sam Design.

Code: Select all


<title>Sam Design Index</title>
<center>
	 <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type" /> 
	<center>
		 
		<center>
			 
			<div class="logo">
				<img src="http://i74.servimg.com/u/f74/17/64/76/28/cs1110.png"></img><br /> 
			</div>
			 
		</center><a class="home" href="#"><img onmouseout="this.src='http://i39.servimg.com/u/f39/14/12/03/12/home10.png'" onmouseover="this.src='http://i39.servimg.com/u/f39/14/12/03/12/hover10.png'" src="http://i39.servimg.com/u/f39/14/12/03/12/home10.png" /></a> <a class="forum" href="#"><img onmouseout="this.src='http://i39.servimg.com/u/f39/14/12/03/12/forum10.png'" onmouseover="this.src='http://i39.servimg.com/u/f39/14/12/03/12/forum210.png'" src="http://i39.servimg.com/u/f39/14/12/03/12/forum10.png" /></a> <a class="contact" href="#"><img onmouseout="this.src='http://i39.servimg.com/u/f39/14/12/03/12/contac10.png'" onmouseover="this.src='http://i39.servimg.com/u/f39/14/12/03/12/contac11.png'" src="http://i39.servimg.com/u/f39/14/12/03/12/contac10.png" /></a> 
	</center>
	 <br /> 
	<center>
		 
		<div class="logo2">
			 
			<p>
				 Design by: <span style="color: green;">Sam Design</span> and Coded by <span style="color: red;">mr.franta</span> 
			</p>
			 
		</div>
		 
	</center>
	 
	<!--    End ImageReady Slices    --> 
</center><style>
body {
background-image: url(http://i72.servimg.com/u/f72/12/12/58/19/body11.gif);
}
body {
background-attachment: scroll;
color: rgb(255, 255, 255);
font-family: Arial, Verdana, Tahoma, sans-serif;
font-size: 12px;
line-height: 135%;
margin: 0px auto;
margin-top: 60px;
}
a.home img{
position: relative;
left: 4.6px;}

a.contact img{
position: relative;
right: 4.6px;}
.logo{
position: relative;
bottom: 60px;
font-size: 48px;
font-family: tahoma;
color: #111;
}


.logo2 p{
text-shadow: none;
color: white;
font-size: 14px;
font-family: tahoma;
position: relative;
bottom: 17px;}
</style>

mr.franta · 06 Jun 2015, 17:30

Sper sa va placa acest meniu,se potriveste pentru orice fel de index indiferent de ce background are.
De asemenea este folosit la cele mai noi teme cu putina imaginatie.
Previzualizare http://aply-zone.wikiforum.ro/h2-blue-menu

Code: Select all

<br /><title>Blue menu</title>
<html>
  

   <table class="continut" width="1000px">
      <center> 
     <table class="topbar" width="100%" border="0">
    <td class="top">
      <div class="meniu">
  <ul>

    <li><a href="#" class="home"><img src="http://icons.iconarchive.com/icons/oxygen-icons.org/oxygen/16/Actions-go-home-icon.png"></img>Acasa</a></li>
    <li><a href="#"><img src="http://icons.iconarchive.com/icons/custom-icon-design/flatastic-2/16/setting-icon.png"></img>Profil</a></li>
        <li><a href="#"><img src="http://icons.iconarchive.com/icons/custom-icon-design/flatastic-4/16/Users-icon.png"></img>Membri</a></li>
        <li><a href="#"><img src="http://icons.iconarchive.com/icons/icojam/blue-bits/16/mail-icon.png"></img>Mesagerie</a></li>
    </ul>
      </div>
    </td>
  </table>
     </center> 
   </table>
 
</html>


<style>
  
body {
    background: url('http://www.romaniaforum.ro/public/style_images/velvet/_custom/backgroundBlue.jpg') no-repeat scroll 50% 0px #08253D;
    color: #474747;
    font-family: tahoma,helvetica,arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 12px !important;
    position: relative;
}
  

.meniu li{
display: inline-block;
  list-style: none!important;
    list-type: none!important;
  }
  
  .meniu li  a img{
position: relative;
  top: 3px;
  margin-right: 5px;
  }
  
  .meniu li a{
     color: #FFF;
    font-size: 12px;
    font-weight: 600;
    margin-right: 10px;
    padding: 5px 10px;
    position: relative;
    right: 20px;
    text-decoration: none !important;
    text-shadow: 0px 0px 2px #000;
}
  
  
  .meniu li a:hover{
  
   background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.25), 
    0px 1px 0px rgba(255, 255, 255, 0.1), 0px 1px 4px #000 inset;}
  
  
  a.home{
     background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.25), 
    0px 1px 0px rgba(255, 255, 255, 0.1), 0px 1px 4px #000 inset;}
  
  
</style>

mr.franta · 06 Jun 2015, 17:44

Pentru ca numai am creatii noi postez unele din 2012 :)

06 Jun 2015, 18:24

Coai.e ai voie un singur topic, posteaza tot aici ca sa nu le trimit la cos.

mr.franta · 26 Jun 2015, 08:50

Salut m-am apucat sa fac un index dupa o imagine de pe deviantart si mi sa pare foarte simplu parca mai trebuie facut ceva la el si am nevoie de contributia voastra.
Index-ul il puteti vizualiza aici Redirect index live
Aceasta este inspiratia http://www.deviantart.com/art/Brown-Cou ... -361508596

Andreeas. · 26 Jun 2015, 23:32

nu prea ti-a iesit deloc

mr.franta · 27 Jun 2015, 06:51

Eu am facut index-ul dupa imagine nu dupa psd,si nici nu imi place sa il fac indentic pentru ca nu arata bine.
De la imagine am avut inspiratia,nu am spus ca l-am facut indentic.

Creatii mr.franta

Who is online