2018. 05. 12.Videó | Kép élénkítése Photoshop-ban
2018. 05. 05.ColorCop színlopó program
2018. 04. 30.Coppermine | Kép és fájlméret megadása az indexképek alatt
2018. 04. 24.Coppermine | Thumbnails képek méretének változtatása egyszerűen
2018. 04. 18.Videó | PNG készítése Photoshop-ban
Coppermine Gallery themes

Coppermine Gallery themes
318 napja
721 néző

WordPress themes

WordPress themes
319 napja
206 néző

G-Portál themes

G-Portál themes
319 napja
117 néző

Tumblr themes

Tumblr themes
319 napja
169 néző

Szövegdoboz | Kattintásra kijelöli és másolja a szöveget
1 230 megtekintés

Kérésre hoztam egy olyan szövegdobozt, amiben a benne lévő szöveget egy kattintással ki lehet jelölni és ezáltal egyből másolja is a tartalmát, amit ezután már csak be kell illeszteni máshová. Ehhez tartozik egy .js fájl is, amit le kell tölteni és a saját oldalatokra fel kell másolni. Jó, ha ez a kód mindenkinek a saját szerverén van. A többi kód simán mehet abba a modulba, ahol lesz a doboz.



Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 
Ez lenne a .js fájl, amit innen kell letölteni Jobb egérgomb a .js oldalán és Oldal mentése. Ez itt alatta pedig a kódja. Az src után lévő URL címet ki kell törölni és bemásolni a ti tárhelyeteken lévő .js fájl URL címét.

 

<script type="text/javascript" src="/js/copy.js"></script>

 

Ez egy másik .js fájl, amit szintén csak be kell másolni G-Portálon pl. a láblécbe, WordPress-ben pedig a header.php fájlba. A fenti .js kód is ugyanoda megy, mint ez!

 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

 

A két .js fájl után jöhet maga a kód

 

<center><p id="p1" class="text">IDE JÖN A SZÖVEG, AMI A DOBOZBAN LESZ</p>
<button onclick="copyToClipboard('#p1')">Kijelölés és másolás</button></center>

 

A CSS kód hozzá

 

<style>
p#p1 {
font-size: 13px;
background: #E8E8E8;
color: #797979;
text-align: justify;
border-style: solid;
border-width: 1px;
border-color: #CFCFCF;
padding: 8px 10px;
margin-bottom: 8px;
}
button {
background: #D2A482;
color: #ffffff;
padding: 8px;
border: 0;
}
button:hover {
background: #AC6C3E;
color: #ffffff;
padding: 8px;
border: 0;
}
</style>




Előző, következő cikk



Készítettem egy szabadon letölthető Coppermine galéria témát. Úgy csináltam meg, hogy csak a fejlécet kell cserélni plusz a szöveget rajta. Ezt mind meg lehet tenni a template.html fájlban, de ha valami nem menne, szívesen segítek benne :) A galéria

A napokban hiányoltátok a Sosugary galéria témát, ezért egy ilyet is készítettem. Ez természetesen ingyenes. Azért nem készítek sűrűn ehhez a galériához kinézetet, mert ezt nagyon nem szeretem csinálni. Annyira sz*r, hogy ilyen kötött az egész és csak egy

 



Hozzászólások