Top subiecte apreciate

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

Navigare rapidă

Ultimele subiecte
» Bulletin ipb theme
Scris de Ishkq Mier 18 Ian - 20:28
» Serie Tutoriale CSS
Scris de Hachiy Dum 15 Ian - 16:59
» Wireless ipb theme [punBB]
Scris de vi01239984564 Mar 10 Ian - 11:50
» Summer v1.1 theme
Scris de vi01239984564 Mar 10 Ian - 9:57
Cuvinte-cheie

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

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!