Przedszkolak
Postów: 16
Data rejestracji: 18.01.2016 17:45
|
Wstawiłem na dodatkowej stronie kod , który po kliknięciu rozwija i zwija tekst w ramce. Chciałem dodatkowo wstawić w ten kod obrazek w górnym lewym rogu, lecz co bym nie zrobił, to wszystko się sypie.Czy jest to możliwe w tym kodzie? Jeśli tak, to proszę o wskazówkę. <div class="art">
<div class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eget massa quis velit cursus auctor. In mattis dictum urna pulvinar sodales. Mauris vitae nunc tincidunt libero gravida viverra at quis enim. Aenean commodo sem sit amet orci elementum tempus. Nullam ornare, sapien nec euismod ultricies, elit turpis pharetra turpis, eget rutrum quam velit a urna. Nunc quis erat at elit dignissim mollis. Aenean pellentesque laoreet tortor quis tincidunt. Donec sodales, sapien in cursus lobortis, augue purus molestie sapien, sit amet tincidunt metus felis id velit. Phasellus elementum nisi ut risus molestie ullamcorper sed ut arcu. Mauris rhoncus dui turpis. Suspendisse mi neque, aliquam at vestibulum at, sagittis id mauris.
</div>
</div>
<STYLE>
.art {
border: 1px solid #ccc;
margin: 10px;
padding: 5px;
display: table;
}
.text {
overflow: hidden;
}
.readmore, .readless {
text-align:right;
padding:2px;
float:right;
cursor: pointer;
}
</STYLE>
<SCRIPT>
$(function(){
$('.art').append('<div class="readmore">czytaj więcej...</div>');
var wys = $('.text').height();
$('.text').css('height', '80px');
$('.readmore').live('click', function(){
$('.text').animate({height: wys}, 1000);
$(this).attr('class', 'readless');
$(this).text('czytaj mniej...');
});
$('.readless').live('click', function(){
$('.text').animate({height: '80px'}, 1000);
$(this).attr('class', 'readmore');
$(this).text('czytaj więcej...');
});
});
</SCRIPT>
Połączony z 02 wrzesień 2016 16:11:
Już doszedłem do rozwiązania:)
<div class="opis">
<div class="text">
<img src="/bron/xdm.jpg" alt="" style="float:left;" />Pistolet XDM-4.5, kal.9x19 mm PARA
Pistolet XDM jest to samopowtarzalny pistolet chorwackiej firmy HS PRODUKT. Pistolet ten w USA znany jest pod nazwą Springfield XD i trzykrotnie uzyskał nagrodę produktu roku. Ceniony jest szczególnie za jego wszechstronność i niezawodność w każdych warunkach.
o można powiedzieć o pistoletach HS-9 i XDM-9? Bardzo dobra broń. Lekkie, dobrze wyważone, dobrze leżące w dłoni – każdy pistolet w komplecie ma trzy wymienne nakładki na tylną część chwytu, co pozwala dopasować broń do ręki użytkownika (choć osobom o dużych dłoniach i tak najlepiej leży w ręku XDM-45ACP, z uwagi na bardziej pękaty chwyt). Pistolety wyposażone są w czytelne przyrządy celownicze z białymi punktami (HS-9) lub światłowodem na muszce (XDM-9). Broń ma spust single-action o bardzo dobrej, „przyjaznej dla strzelca” charakterystyce, pozwalający na szybkie i celne strzelanie dubletów, ale także i na strzelanie precyzyjne. Chorwackie pistolety są częściowo przystosowane do strzelania dla strzelców lewo- i praworęcznych – mają dwustronny przycisk zwalniania magazynka, ale dźwignia zwalniania zamka z tylnego położenia znajduje się jedynie na lewej stronie broni (przed nią umieszczono dźwignię służącą do rozkładania). Pistolet nie ma bezpieczników nastawnych, a jedynie automatyczne: chwytowy, w spuście i blokadę iglicy.
</div>
</div>
<div class="opis">
<div class="text">
<img src="/bron/xdm.jpg" alt="" style="float:left;" />Pistolet XDM-4.5, kal.9x19 mm PARA
Pistolet XDM jest to samopowtarzalny pistolet chorwackiej firmy HS PRODUKT. Pistolet ten w USA znany jest pod nazwą Springfield XD i trzykrotnie uzyskał nagrodę produktu roku. Ceniony jest szczególnie za jego wszechstronność i niezawodność w każdych warunkach.
o można powiedzieć o pistoletach HS-9 i XDM-9? Bardzo dobra broń. Lekkie, dobrze wyważone, dobrze leżące w dłoni – każdy pistolet w komplecie ma trzy wymienne nakładki na tylną część chwytu, co pozwala dopasować broń do ręki użytkownika (choć osobom o dużych dłoniach i tak najlepiej leży w ręku XDM-45ACP, z uwagi na bardziej pękaty chwyt). Pistolety wyposażone są w czytelne przyrządy celownicze z białymi punktami (HS-9) lub światłowodem na muszce (XDM-9). Broń ma spust single-action o bardzo dobrej, „przyjaznej dla strzelca” charakterystyce, pozwalający na szybkie i celne strzelanie dubletów, ale także i na strzelanie precyzyjne. Chorwackie pistolety są częściowo przystosowane do strzelania dla strzelców lewo- i praworęcznych – mają dwustronny przycisk zwalniania magazynka, ale dźwignia zwalniania zamka z tylnego położenia znajduje się jedynie na lewej stronie broni (przed nią umieszczono dźwignię służącą do rozkładania). Pistolet nie ma bezpieczników nastawnych, a jedynie automatyczne: chwytowy, w spuście i blokadę iglicy.
</div>
</div>
<STYLE>
.opis {
border: 1px solid #ccc;
margin: 10px;
padding: 5px;
display: table;
}
.text {
overflow: hidden;
}
.readmore, .readless {
text-align:right;
padding:2px;
float:right;
cursor: pointer;
}
</STYLE>
<SCRIPT>
$(function(){
$('.opis').each(function(){
$(this).append('<div class="readmore">czytaj więcej...</div>');
var textelement = $(this).find('.text');
var wys = textelement.height();
textelement.css('height', '90px');
$(this).find('.readmore').live('click', function(){
textelement.animate({height: wys}, 1000);
$(this).attr('class', 'readless');
$(this).text('czytaj mniej...');
});
$(this).find('.readless').live('click', function(){
textelement.animate({height: '90px'}, 1000);
$(this).attr('class', 'readmore');
$(this).text('czytaj więcej...');
});
});
});
</SCRIPT>
Edytowane przez expert dnia 02.09.2016 16:11:23
|
