Navigare rapidă

Ultimele subiecte
» Cum sa repari un CD sau DVD "Idiot"
Scris de drax Mier 3 Mai - 10:05
» No Avatars
Scris de MihaiExtremTutorials Vin 28 Apr - 23:17
» Set complet de iconuri
Scris de drax Vin 28 Apr - 11:25
» Butoane Subiecte Multicolor
Scris de drax Vin 28 Apr - 11:23
Cuvinte-cheie

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

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
avatar
la data de Vin 13 Dec - 15:08
Gregory House Membru ET
Conectat
Multumim Staark .
Membru dedicat
avatar
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
avatar
la data de Mar 31 Dec - 22:41
kitkat Membru ET
Conectat
la mine nu merge

Care imi este problema?
Membru dedicat
avatar
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
avatar
la data de Mier 1 Ian - 18:08
Teed Membru activ
Conectat
Foarte frumos, felicitari!