2017. 11. 20.Képes project szövegdoboz 32.
2017. 11. 18.Videó beágyazása Coppermine galériába 2.0
2017. 11. 16.Coppermine themes
2017. 11. 16.WordPress themes
2017. 11. 15.Új design a LindaDesign-on
png-keszites.flv

PNG kép készítése

demi-lovato.png

Sosugary Gallery themes

lindadesign-fantasy.png

Coppermine Gallery themes

vanessa-marano.png

G-Portál themes

Szövegdoboz | Kattintásra kijelöli és másolja a szöveget
396 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