Top subiecte apreciate

Optiuni experimentale
  • Foloseste AJAX in formulare ori de cate ori este posibil

Navigare rapidă

Ultimele subiecte
» Wireless ipb theme [punBB]
Scris de DenisPasca Mier 7 Dec - 23:51
» [Animate] Recent Topic IPB
Scris de DenisPasca Lun 5 Dec - 22:44
» Ipb Counter-strike Special FG
Scris de DenisPasca Sam 3 Dec - 22:52
» Special Theme Extrem Tutorials
Scris de cosminelu21 Vin 2 Dec - 23:48
Cuvinte-cheie

chenar  animate  navigare  Statistici  reclama  meniu  profil  html  drop  cautare  tema  avatar  subforumuri  punbb  phpBB2  ultimele  banner  subiecte  Metin2  Mesaje  edit  radio  legenda  Bara  tutorial  menu  

Informatii postator adaugate intr-un tabel


Salutare tuturor,

In tutorialul de astazi am sa va arat cum puteti adauga intr-un tabel titlul subiectului, data postarii si avatarul autorului.
Previzualizare Topic:
[Trebuie sa fiti inscris si conectat pentru a vedea aceasta imagine]

Adaugati in gestiunea codurilor javascript:
P.A ~> Module ~> HTML & Javascript ~> Gestiunea codurilor javascript
Cod:
jQuery(document).ready(function() {
$('.page-title').after('<div class="ipbfs_titlebox"></div>');
jQuery('#main-content .page-title:first').removeClass('page-title').addClass('ipsType_pagetitle');
$('.postprofile dl dt a:first').clone().prependTo('.ipbfs_titlebox');
$('.ipbfs_titlebox a img').addClass('ipsUserPhoto ipsUserPhoto_medium left');
$('.ipsType_pagetitle').appendTo('.ipbfs_titlebox');
$('.ipbfs_titlebox').append('<div class="desc lighter blend_links"></div>');
$('.author:first').clone().appendTo('.desc.lighter.blend_links');
});

$(document).ready(function() {
var x=$('.desc.lighter.blend_links .author')[0];
if(x) {x.innerHTML=x.innerHTML.replace(/Scris de/,'Started by');}
});

$(document).ready(function() {
var x=$('.desc.lighter.blend_links .author')[0];
if(x) {x.innerHTML=x.innerHTML.replace(/la data de/,'');}
});

Amplasare: Subforumuri si Topicuri'

Apoi adaugati in CSS:
P.A ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil css
Cod:
.desc.lighter.blend_links {
margin-top: 0px;
margin-left: 10px!important;
position: relative;
left: 10px;
}

.desc.lighter.blend_links .author {
display: inline;
color: #323232;
margin-left: -4px;
}

.ipsType_pagetitle a {
color: #323232!important;
margin-left: 10px;
font: 300 26px/1.4 Helvetica,Arial,sans-serif;
}

.ipbfs_titlebox {
background: #EDEFF1 url("http://www.ipbforumskins.com/skindemo/public/style_images/marble/noise.png") repeat;
color: #768089;
text-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset #B3BAC1 0px 1px 3px;
-moz-box-shadow: inset #b3bac1 0px 1px 3px;
box-shadow: inset #B3BAC1 0px 1px 3px;
padding: 10px;
overflow: hidden;
margin-top: 25px;
}

.ipbfs_titlebox a img {
padding: 1px;
border: 1px solid #D5D5D5;
background: white;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
width: 50px;
height: 50px;
}

Si ai reusit!  



Tutorial scris de [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Copyright Extrem-Tutorials.com -  Nici o parte a acestui tutorial nu poate fi reprodusa fara acordul autorului.

Comentariile utilizatorilor
Membru ET
la data de Vin 13 Dec - 15:08
Gregory House Membru ET
Conectat
Multumim Staark .
Membru dedicat
la data de Lun 30 Dec - 22:17
mr.franta Membru dedicat
Conectat
Dupa titlu mi-am dat seama imediat despre ce este vorba, pacat ca multi il cauta pe help sub o alta denumire.
Membru ET
la data de Mar 31 Dec - 22:41
kitkat Membru ET
Conectat
la mine nu merge

Care imi este problema?
Membru dedicat
la data de Mier 1 Ian - 13:22
mr.franta Membru dedicat
Conectat
kitkat daca ai o problema in legatura cu un tutorial te rog sa reiei pasii de la capat si daca intampini iar o problema te rog sa postezi in sectiunea corespunzatoare
[Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Membru activ
la data de Mier 1 Ian - 18:08
Teed Membru activ
Conectat
Foarte frumos, felicitari!