Extrem TutorialsConectare

Peste 500 tutoriale in limba romana.


[PHBB3]Titlul categoriilor

Mam gandit sa fac un cod css pentru titlul categoriilor.Sper sa va placa!
Demonstratie

Cod:

/*--Titlul-Categoriilor--*/
.table-title, .table-title h2 {
background-color:#1E90FF;
color: white;
display: inline;
font-size: 1em;
border-style:dashed;
border-width:1px;
border-color:#1E90FF;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
opacity:0.4;
filter:alpha(opacity=40);
}
.table-title, .table-title...

Drop down menu pe versiunea phpbb3

Salutare prieteni,

Astazi am sa va arat cum puteti adauga un meniu drop down pe versiunea phpbb3.

Demonstratie:
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]

HTML + Jquery

Adaugati urmatorul cod in panou de administrare » Module » Gestiunea...

Css3 logo effect

Adaugati urmatorul cod in foaia de stil css (style.css):

Prosilver (PhpBB) si PhpBB3 (Forumgratuit):

Cod:

#logo {
-webkit-transition: All 1s ease;
-moz-transition: All 1s ease;
-o-transition: All 1s ease;
-webkit-transform: rotate(0deg) scale(0.9) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(0.9) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(0.9) skew(0deg) translate(0px);

Scris multicolor

Cu ajutorul acestui cod orice lnik al forumului dvs. va fi multicolor
Instalare:
P.A=>Afisare=>Pagina de start=>Generalitati=>Mesaj pe pagina de start=>Continutul mesajului

Cod:


<script LANGUAGE="Javascript">
<!-- ;

var rate = 25;

if (document.getElementById)
window.onerror=new Function("return true")

var objActive;
var act = 0;
var elmH = 0;
var elmS = 128;
var elmV = 255;
var clrOrg;
var TimerID;

if (document.all)...

Banner care se misca in dreapta.

Banner miscator in dreapta [CSS]

O previzualizare: [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Da-ti un click peste banner

Panou de Administrare => Afisare => Imagini si culori => Culori => Foaie de stil CSS

Acolo adaugati codul...

Efect rotatie logo

Efect de rotatie a logo-ului (functioneaza doar pe versiunea phpbb3) .
Instalare: Mergeti in Panou Administrare > Afisare > Culori > Foaie de stil CSS.
Aici introduceti codurile urmatoare:

Cod:


/* Logo Rotatie*/
#logo {
-webkit-transition: -webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s;
-o-transition-property: width,height,-o-transform,background,font-size,opacity;
-o-transition-duration: 1s,1s,1s,1s,1s,1s;
-moz-transition-property: width,height,-o-transform,background,font-size,opacity;

Cum ascunzi datele: Ultima vizita a fost Sam Feb 25, 2012 9:57 pm etc

Salut tuturor!
Astazi va voi arata cum puteti ascunde datele: Ultima vizita a fost Sam Feb 25, 2012 9:57 pm / Mesaje noiMesajele propriiMesaje la care nu s-a raspunsMarcheaza toate forumurile ca fiind citite

Pentru Mesaje noi Mesajele proprii Mesaje la care nu s-a raspuns Marcheaza toate forumurile ca fiind citite codul este:

Cod:

.linklist {
display:none !important;}

dd.moderation span {display:none !important;}

dd.lastpost span, ul.topiclist dd.searchby span,...

CSS - Sexy Bookmarks

Buna ziua,
In acest tutorial am sa va arat cum puteti adauga Sexy Bookmarks pe forumul dvs. Deci haideti sa incepem.

Pasul 1
P.A=>Afisare=>Generalitati - Adaugati codurile de mai jos acolo=>Intregistrare

Cod:

 <center><ul class="sharing-cl"...

Cum puteti sterge linia alba de la categorii pe versiunea Phpbb2

Salutare tuturor

In acest tutorial am sa va arat cum puteti scoate linia alba de la categorii pe versiunea phpbb2.
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]


Intrati in Panou de Administrare=> Afisare=> Template-uri=> General => Index_box

Stergeti:

CSS - Adaugare tabel la ultimul post la versiunea phpbb2

Inlocuieste din index_box:


Cod:

<span class="gensmall">{catrow.forumrow.LAST_POST}</span>


Cu

Cod:


    <div id="lastpost" class="gensmall">{catrow.forumrow.LAST_POST}</div>



Si pune in css:

Cod:

 #lastpost{
    padding: 2px;
    margin: 3px;
    width...

Butoane de moderare pentru topicuri

Am creat niste butoane de moderare care le puteti utiliza pentru site-ul dvs.

HTML:

Cod:

<a class="topictc"><img src="http://i42.servimg.com/u/f42/15/42/26/78/bgnone10.png"></a>
<a class="topictc2"><img src="http://i42.servimg.com/u/f42/15/42/26/78/bgnone10.png"></a>
<a class="topictc3"><img src="http://i42.servimg.com/u/f42/15/42/26/78/bgnone10.png"></a>
<a class="topictc4"><img...

Personalizarea Tagurilor Code

Descriere:
Salut Vizitator in acest mic tutorial am de gand sa iti explic cum poti personaliza tag-ul Code cu ajutorul codurilor css simplu si usor.



Pasul 1:
Mergem in Panou de administrare > Afisare > Imagini si culori > Culori > Foaie de stil CSS , iar acolo adaugam codul acesta.

CSS - Dezactivare selectie intr-o anumita parte a forumului

Urmatoarele coduri vor dezactiva selectia intr-o anumita parte a forumului dvs. Ele trebuie adaugate in P.A=>Afisare=>Culori=>Foaie de stil css.
Dezactivare selectie la categorii si forumuri:

Cod:

.forabg {-webkit-user-select: none;}


Dezactivare selectie in continutul topicurilor:

Cod:

.postbody {-webkit-user-select: none;}


Dezactivare selectie in widget:

Cod:

.module {-webkit-user-select: none;}

CSS-Meniu animat[phbb2,punbb]

Meniu animat pentru Phbb2 si PunBB

Salut! Extrem Tutorials - Peste 500 tutoriale in limba romana - CSS 296278
In acest tutorial va voi arata cum puteti face un meniu animat pentru versiunile Phbb2 si PunBB.
Demo:Click



• Pasul 1
Mergem in

Casete de text elegante

Cu acest cod puteti pune textul intr-un chenar elegant.

Incepem prin a pune urmatorul cod in foaia de stil CSS:

Cod:

.uparrowdiv, .downarrowdiv, .leftarrowdiv, .rightarrowdiv{
width:600px;
min-height:40px;
background: black;
color:white;
padding:5px;
position:relative;
word-wrap:break-word;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
margin-bottom:2em;
}

.uparrowdiv:after{
content:'';

CSS - Casuta rotunda in generalitati

Multi dintre voi nu aveti o caseta pentru a adauga continutul in generalitati.In acest tutorial va arata cum puteti adauga asa ceva.

Intrati in P.A=>Afisare=>Culori=>Foaie de stil CSS
Adaugati:

Cod:

.clasaet {
background-color: #fbfbfb;
border: 1px solid #adadad;
margin: 20px;
padding: -2px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}

.clasaet:hover {
background-color:...

CSS - Colturi rotunjite la phpBB2 si la PunBB

Cod:

/*----------------Inceput colturi rotunde----------------*/

.bodyline{
/* Pentru Mozilla FireFox */
-moz-border-radius-bottomleft: 15px;
-moz-border-radius-bottomright: 15px;

/* Pentru Safari */
-webkit-border-bottom-left-radius: 40px;
-webkit-border-bottom-right-radius: 40px;

/* Pentru Opera, Google Chrome si altele */
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;


border: 3px solid #333333;
border-top:none;

CSS - Colturi rotunjite la casuta avatarului

Vizitator cauta in P.A > Afisare > Template-uri > General > viewtopic_body
In acest template cauta asta {postrow.displayed.POSTER_AVATAR}

Cod:

<div id="ava">{postrow.displayed.POSTER_AVATAR}</div>


Apoi in foaia de stil CSS pune asta:

Cod:

#ava {
padding: 5px;
background-color: #1f1d1d;
border: 1px solid #0097E8;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius:...

Ce este css?

CSS - Cascading Style Sheets ( Foi de Stil in Cascada ) aduce un control sporit tag-urilor HTML oferind o imbunatatire a prezentarii paginilor web, a designului.

HTML : Poate fi utilizate in moduri diferite dar sub aceias actiune.Mai jos se afla un exemplu de coduri scurte care executa aceias actiune de modificare.
Varianta 1:
#clasa{ valoarea dorita}

Cod:

<div id="clasa">CONTINUT</div>

Varianta 2:
.clasa{...

Personalizarea background-ului si a conturului

1.Pentru a adauga proprietati background-ului folosim clasa CSS: body.

Putem adauga un background format dintr-o culoare:

Cod:

body{
background-color: #CULOARE;
}


...dintr-o imagine:

Cod:

body{
background-image: url(LINK IMaGINE);
}


..sau ambele:

Cod:

body{

Tagul "ul" in CSS si personalizarea acestuia

Salut! In acest subiect va voi explica intr-un mod foarte simplu cum puteti sa va personalizati un mic tag pentru numerotare. Exemplu mai jos:

  • Proiectare Grafica


Va voi prezenta mai multe exemple mai jos:

Exemplu 1 - Cerc:

Cod:


ul{list-style-type:circle;}


Exemplu 2 - Cerc ingrosat: (cum este si pe forum)

Cod:


ul{list-style-type:disc;}


Exemplu 3 - Patrat:

Cod:

Link fara subliniere

Cu acest cod puteti dezactiva sublinierea link-urilor.

Cod:


a {text-decoration: none;}
a:hover{text-decoration: none !important;}


Acest cod il plasati in foaia de stil css (style.css).

Script Redirectionare

Redirectionare folosind tagurile meta:

Cod:

<meta HTTP-EQUIV="REFRESH" content="0 url=LINK SITE">


Redirectionare cu jquery:

Cod:

window.location.replace("LINK SITE");


Redirectionare cu php:

Cod:

<?php

  header( 'Location: Link Site' ) ;

?>


Toate cele 3 coduri functioneaza,...
 
sort Sortează
Sortează dupăOrdine
school Moderatori

Nici unul

privacy_tip Permisiunile acestui forum:

Nu puteti posta subiecte noi in acest forum
Nu puteti raspunde la subiectele acestui forum