Forum Action

Ionut26 · Mesaj de **Ionut26** » 21-Dec-2010, 13:21:25

Sufletel scrie:Multumesc Ionut..sper ca vei posta tutorialul!

Cât de curând.

Să văd cum îmi fac timp.

Sufletel · Mesaj de **Sufletel** » 21-Dec-2010, 20:18:34

Ionut26 scrie:Cât de curând. Să văd cum îmi fac timp.

Mai exact?

Ionut26 · Mesaj de **Ionut26** » 21-Dec-2010, 20:26:15

Sufletel scrie:
Ionut26 scrie:Cât de curând. Să văd cum îmi fac timp.
Mai exact?

Nu mai fac nimica, pentru ca daca fac ceva, toti sar cu gura, ca am copiat.

Sufletel · Mesaj de **Sufletel** » 21-Dec-2010, 22:27:50

Ionut26 scrie:Nu mai fac nimica, pentru ca daca fac ceva, toti sar cu gura, ca am copiat.

Lool

.. da nu cred ca doar mie miar trebui asa ceva pe forum!chiar nu stiu ce sa zic..

Ionut26 · Mesaj de **Ionut26** » 21-Dec-2010, 22:45:01

Crezi că îmi pasă, învaţaţi CSS, HTML, PHP, şi îl faceţi imediat.

Sufletel · Mesaj de **Sufletel** » 21-Dec-2010, 22:49:52

Bine..

Sufletel · Mesaj de **Sufletel** » 26-Dec-2010, 14:52:04

Am facut rost de tutorial!
Uitati pasii care trebuie facuti pentru a pune ForumAction pe un site!

Intram in ACP (Panou Administrare) ,de acolo ne ducem la Styles(Stiluri) ,deschidem overall_header.html si intre tag-ul <head> </head> adaugam:

Cod: Selectaţi tot

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$(".trigger").click(function(){
		$(".panel").toggle("fast");
		$(this).toggleClass("active");
		return false;
	});
});
</script>

Apoi in overall_header.html undeva dupa codul <body> adaugam :
Schimbati si voi text-ul din el cu ce vreti voi ,div class colleft este coloana din stanga si colright coloana din dreapta.

Cod: Selectaţi tot

<div class="panel">
	<h3>Sliding Panel</h3>
	<p>Here's our sliding panel/drawer made using jQuery with the toggle function and some CSS3 for the rounded corners</p>

	<p>This panel could also be placed on the right. This could be particularly useful if, <a href="http://spyrestudios.com" title="SpyreStudios">like me</a>, you have a left-aligned website layout.</p>

	<h3>A Little Something About Me</h3>
		<img class="right" src="images/jon_image.jpg" alt="Jon Phillips" />
	<p>My name's Jon, I'm a freelance designer, blogger, musician. I run SpyreStudios and I specialize in WordPress blogs, CSS, XHTML and PHP</p>

<div style="clear:both;"></div>

	<div class="columns">
		<div class="colleft">
		<h3>Navigation</h3>

			<ul>
				<li><a href="http://spyrestudios.com/" title="home">Home</a></li>
				<li><a href="http://spyrestudios.com/about/" title="about">About</a></li>
				<li><a href="http://spyrestudios.com/portfolio/" title="portfolio">Portfolio</a></li>
				<li><a href="http://spyrestudios.com/contact/" title="contact">Contact</a></li>
				<li><a href="http://spyrestudios.com" title="blog">Blog</a></li>

			</ul>
		</div>
	
		<div class="colright">
			<h3>Social Stuff</h3>
			<ul>
				<li><a href="http://twitter.com/jophillips" title="Twitter">Twitter</a></li>
				<li><a href="http://designbump.com/user/147" title="DesignBump">DesignBump</a></li>

				<li><a href="http://digg.com/users/jophillips" title="Digg">Digg</a></li>
				<li><a href="http://delicious.com/jon.phillips" title="Del.Icio.Us">Del.Icio.Us</a></li>
				<li><a href="http://designmoo.com/users/jonphillips" title="DesignMoo">DesignMoo</a></li>
			</ul>
		</div>
	</div>
<div style="clear:both;"></div>

</div>
<a class="trigger" href="#">infos</a>

Apoi Deschidem stylesheet.css si adaugam:

Cod: Selectaţi tot

.panel {
position: fixed;
top: 50px;
left: 0;
display: none;
background: #000000;
border:1px solid #111111;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
width: 330px;
height: auto;
padding: 30px 30px 30px 130px;
filter: alpha(opacity=85);
opacity: .85;
}

.panel p{
margin: 0 0 15px 0;
padding: 0;
color: #cccccc;
}

.panel a, .panel a:visited{
margin: 0;
padding: 0;
color: #9FC54E;
text-decoration: none;
border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
margin: 0;
padding: 0;
color: #ffffff;
text-decoration: none;
border-bottom: 1px solid #ffffff;
}

a.trigger{
position: fixed;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 15px;
font-weight: 700;
background:#333333 url(images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.trigger:hover{
position: fixed;
text-decoration: none;
top: 80px; left: 0;
font-size: 16px;
letter-spacing:-1px;
font-family: verdana, helvetica, arial, sans-serif;
color:#fff;
padding: 20px 40px 20px 20px;
font-weight: 700;
background:#222222 url(images/plus.png) 85% 55% no-repeat;
border:1px solid #444444;
-moz-border-radius-topright: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-bottomright: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
display: block;
}

a.active.trigger {
background:#222222 url(images/minus.png) 85% 55% no-repeat;
}

.columns{
clear: both;
width: 330px;
padding: 0 0 20px 0;
line-height: 22px;
}

.colleft{
float: left;
width: 130px;
line-height: 22px;
}

.colright{
float: right;
width: 130px;
line-height: 22px;
}

ul{
padding: 0;
margin: 0;
list-style-type: none;
}

ul li{
padding: 0;
margin: 0;
list-style-type: none;
}

hr{
background-color: #333333;
height: 1px;
}

Mesaj de **Ivan Petre Paul** » 26-Dec-2010, 16:23:04

L-ai testat? Funcţionează? Dacă da, îl poţi publica şi în Catalogul cu articole.

Sufletel · Mesaj de **Sufletel** » 26-Dec-2010, 16:24:56

Da..Functioneaza!

dorin · Mesaj de **dorin** » 28-Dec-2010, 08:42:08

Unde putem vedea o demonstratie ?

phpBB România • forumul phpBB in limba romana. Opinii, implementari, ajutor, instructiuni si download.

Forum Action

Re: Forum Action

Re: Forum Action

Re: Forum Action

Re: Forum Action

Re: Forum Action

Re: Forum Action

Re: Forum Action

Re: Forum Action

Re: Forum Action

Re: Forum Action

Cine este conectat