درخواست کد لینک کوتاه برای پایین پست ها

[Alireza_B13 19]

سلام ب دوستان من کد این نمونه لینک کوتاه برای پایین پست میخوام این سایتو ببینید وقتی روی لینک کوتاه کلیک میکنی اون کادر باز میشه و لینک کوتاه ب راحتی میتونی کپی کنی

http://toolsdl.com/boarder-image-html/

[Farzad 3805]

تابع نمایش :

<?php wp_get_shortlink(); ?>

[Alireza_B13 19]

ممنون دوست عزیز ولی من کد کاملشو میخوام و ی راهنمایی کنید کد کجا بزارم

[Farzad 3805]

کدی که دادم آدرس لینک رو نمایش میده.

باقی هم HTML و CSS هست .

چیزی مثل این :

<div style="float:left">
لینک کوتاه :
<input type="text" value="<?php wp_get_shortlink(); ?>">
</div>

[Alireza_B13 19]

خب من استیلشم میخوام ک وقتی روی کد کلیک میکنی ب حالت زیبا ی کم میاد عقب و ب راحتی میتونی کد کپی کنی

[Farzad 3805]

برای اینکه select بشه ضمن انتخاب این ویژگی باید به input داده بشه :

onclick="this.focus(); this.select();"

و برای اینکه موقع focus ماوس، بزرگ بشه باید کلاس به input بدید با این CSS :

.class input {
transition : 1s;
width : 200px
}
.class input:focus{
width : 300px
}

[Alireza_B13 19]

ممنون ولی من کامل نگرفتم کد اینو

میزارم پایین پستام

<div style="float:left">
لینک کوتاه :
<input type="text" value="<?php wp_get_shortlink(); ?>">
</div>

بعدش اینو برای استیل ب این اضاف کنم یا ن

style.css

.class {
transition : 1s;
width : 200px
}
.class:hover {
width : 300px
}

این سایتمه میشه درست بگید کدوم کد توی CSS بزارم و چ کدی زیر پست ها این ادرس سایتمه

http://parsnick.ir/%D8%B9%DA%A9%D8%B3-%D9%87%D8%A7%DB%8C-%D9%85%D8%AA%D9%86-%D8%AF%D8%A7%D8%B1-%D8%AC%D8%A7%D9%84%D8%A8/

من یکی دارم اما ی مشکل داره این ک سخت ادرسش کپی کرد میخوام مثل حالت این بهش بدم ک راحت بشه کپی کرد

[Mr.javad 15]

آموزشش توی خود همون سایت هست :

http://toolsdl.com/?p=2763

[javadth 4]

کدی که دادم آدرس لینک رو نمایش میده.

باقی هم HTML و CSS هست .

چیزی مثل این :

<div style="float:left">
لینک کوتاه :
<input type="text" value="<?php wp_get_shortlink(); ?>">
</div>

من وقتی این کد رو میزارم فقط باکس خالی میاره

[Black_Sky 6349]

استایل هم قرار دادید؟! کد در حلقه میباشد؟!