اريد عمل صفحة لدمج رابط مع صورة

السلام عليكم ورحمة الله وبركاته اخوتى اريد عمل صفحة ادمج رابط داخل صور بمعنى ادق اضع ثلاث تكست بوكس واحد لرابط الصور وال ..


موضوع مغلق

الصفحة 1 من 4 < 1 2 3 4 > الأخيرة »


21-06-2017 12:52 صباحا
BilalBilal
عضـو مشارك
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 21-06-2017
رقم العضوية : 7314
المشاركات : 37
الجنس : ذكر
تاريخ الميلاد : 25-11-1977
قوة السمعة : 0
اصدار المنتدى : غير محدد
 offline 
السلام عليكم ورحمة الله وبركاته
اخوتى اريد عمل صفحة ادمج رابط داخل صور بمعنى ادق
اضع ثلاث تكست بوكس واحد لرابط الصور والثانى لاى رابط موقع
والثالث للوصف حتى اذا ضغط الزائر على الصورة يتم تحويلة الى الموقع اللى داخل الصورة
وانا اسف لانى لسة جديد معكم عموما ومع البرمجة خصوصا.


أفضل إجابة مقدمة من Soliman وهي:
جرب الآن وبعد النشر على الفيسبوك انقر على الرابط
سيتم تحويلك وتوجيهك بشكل تلقائي للموضوع الأساسي
يمكنك أعادة تجربة النشر من خلال السكربت 
http://pbbdiv.aba.ae/share/share.php
 
عرض الإجابة




21-06-2017 01:09 صباحا
مشاهدة مشاركة منفردة [1]
Soliman
PBB Management
rating
العضو غائب ظروف العمل
معلومات الكاتب ▼
تاريخ الإنضمام : 18-07-2009
رقم العضوية : 1
المشاركات : 11159
الدولة : السعودية
الجنس : ذكر
تاريخ الميلاد : 6-1-1980
الدعوات : 48
قوة السمعة : 66716
موقعي : زيارة موقعي
عدد الإجابات: 159
اصدار المنتدى : 3.0.2
 offline 
look/images/icons/i1.gif اريد عمل صفحة لدمج رابط مع صورة
وعليكم السلام ورحمة الله وبركاته ،،
هل لديك  مثال حي  للطريقة التي تريدها
يفضل ان تضع رابط الموقع مطبق نفس الطريقة او صورة

21-06-2017 01:31 صباحا
مشاهدة مشاركة منفردة [2]
BilalBilal
عضـو مشارك
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 21-06-2017
رقم العضوية : 7314
المشاركات : 37
الجنس : ذكر
تاريخ الميلاد : 25-11-1977
قوة السمعة : 0
اصدار المنتدى : غير محدد
 offline 
look/images/icons/i1.gif اريد عمل صفحة لدمج رابط مع صورة
مثل ذلك اخى وربنا يجزيك كل خير يارب....

https://fblinker.com/

21-06-2017 01:59 صباحا
مشاهدة مشاركة منفردة [3]
Soliman
PBB Management
rating
العضو غائب ظروف العمل
معلومات الكاتب ▼
تاريخ الإنضمام : 18-07-2009
رقم العضوية : 1
المشاركات : 11159
الدولة : السعودية
الجنس : ذكر
تاريخ الميلاد : 6-1-1980
الدعوات : 48
قوة السمعة : 66716
موقعي : زيارة موقعي
عدد الإجابات: 159
اصدار المنتدى : 3.0.2
 offline 
look/images/icons/i1.gif اريد عمل صفحة لدمج رابط مع صورة
تفضل 
<style>
form {
    padding: 52px 8px 25px;
}
ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    cursor: auto;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}
user agent stylesheet
input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em 0em 0em 0em;
    font: 13.3333px Arial;
}
user agent stylesheet
input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb;
}
textarea {
    -webkit-appearance: textarea;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    flex-direction: column;
    resize: auto;
    cursor: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    padding: 2px;
}
</style>
<form action="#" id="mainform" method="post" target="hiframe" enctype="multipart/form-data">
<div class="cols">
<ul>
<li class="text">Your Link : </li>
<li><input name="link" id="link" type="text"></li>
</ul>
<ul>
<li class="text">Description : </li>
<li><textarea name="description" id="description"></textarea></li>
</ul>
<ul>
<li class="text">Picture : </li>
<li><input name="image" id="image" type="file" accept="image/*">
<input name="image_uped" id="image_uped" type="hidden" value=""/>
<input name="image_top" id="image_top" type="hidden" value=""/>
<input name="image_left" id="image_left" type="hidden" value=""/>
<input name="image_width" id="image_width" type="hidden" value=""/>
<input name="image_basewidth" id="image_basewidth" type="hidden" value=""/>
</li>
</ul>
</form>

21-06-2017 02:41 صباحا
مشاهدة مشاركة منفردة [4]
BilalBilal
عضـو مشارك
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 21-06-2017
رقم العضوية : 7314
المشاركات : 37
الجنس : ذكر
تاريخ الميلاد : 25-11-1977
قوة السمعة : 0
اصدار المنتدى : غير محدد
 offline 
look/images/icons/i1.gif اريد عمل صفحة لدمج رابط مع صورة
المشاركة الأصلية كتبت بواسطة: Soliman »
تفضل 
<style>
form {
    padding: 52px 8px 25px;
}
ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    cursor: auto;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}
user agent stylesheet
input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em 0em 0em 0em;
    font: 13.3333px Arial;
}
user agent stylesheet
input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb;
}
textarea {
    -webkit-appearance: textarea;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    flex-direction: column;
    resize: auto;
    cursor: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    padding: 2px;
}
</style>
<form action="#" id="mainform" method="post" target="hiframe" enctype="multipart/form-data">
<div class="cols">
<ul>
<li class="text">Your Link : </li>
<li><input name="link" id="link" type="text"></li>
</ul>
<ul>
<li class="text">Description : </li>
<li><textarea name="description" id="description"></textarea></li>
</ul>
<ul>
<li class="text">Picture : </li>
<li><input name="image" id="image" type="file" accept="image/*">
<input name="image_uped" id="image_uped" type="hidden" value=""/>
<input name="image_top" id="image_top" type="hidden" value=""/>
<input name="image_left" id="image_left" type="hidden" value=""/>
<input name="image_width" id="image_width" type="hidden" value=""/>
<input name="image_basewidth" id="image_basewidth" type="hidden" value=""/>
</li>
</ul>
</form>
الله يبارك فى حضرتك اخى العزيز ويجزيك كل الخيرات...
لكن بعد ما وضعت الروابط والوصف لا يوجد زر التحويل يعنى كانى لم أفعل شيئاً....
فقط ينقصه زر التحويل وطبعا انا اسف أثقلت عليك


تم تحرير المشاركة بواسطة :BilalBilal
بتاريخ:21-06-2017 03:20 صباحا


21-06-2017 03:24 صباحا
مشاهدة مشاركة منفردة [5]
Soliman
PBB Management
rating
العضو غائب ظروف العمل
معلومات الكاتب ▼
تاريخ الإنضمام : 18-07-2009
رقم العضوية : 1
المشاركات : 11159
الدولة : السعودية
الجنس : ذكر
تاريخ الميلاد : 6-1-1980
الدعوات : 48
قوة السمعة : 66716
موقعي : زيارة موقعي
عدد الإجابات: 159
اصدار المنتدى : 3.0.2
 offline 
look/images/icons/i1.gif اريد عمل صفحة لدمج رابط مع صورة
إذا تقصد زر Submit ارسال النموذج
فابحث عن 
​</form>
وضع قبلها هذا الكود
​<input id="submit_button" type="submit" value="Submit">


وهنا الكود الكامل مع استقبال المدخلات وعرضها من خلال php
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="https://fblinker.com/js/script.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>window.onbeforeunload=wraploading;</script>
<title>link thumbnail !</title>
<style>
form {
    padding: 52px 8px 25px;
}
ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
input {
    -webkit-appearance: textfield;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    cursor: auto;
    padding: 1px;
    border-width: 2px;
    border-style: inset;
    border-color: initial;
    border-image: initial;
}
user agent stylesheet
input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    margin: 0em 0em 0em 0em;
    font: 13.3333px Arial;
}
user agent stylesheet
input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb;
}
textarea {
    -webkit-appearance: textarea;
    background-color: white;
    -webkit-rtl-ordering: logical;
    user-select: text;
    flex-direction: column;
    resize: auto;
    cursor: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    border-width: 1px;
    border-style: solid;
    border-color: initial;
    border-image: initial;
    padding: 2px;
}
</style>
</head>
<body>
<form action="#" id="mainform" method="post" target="hiframe" enctype="multipart/form-data">
<div class="cols">
<ul>
<li class="text">Your Link : </li>
<li><input name="link" id="link" type="text"></li>
</ul>
<ul>
<li class="text">Description : </li>
<li><textarea name="description" id="description"></textarea></li>
</ul>
<ul>
<li class="text">Picture : </li>
<li><input name="image" id="image" type="file" accept="image/*">
<input name="image_uped" id="image_uped" type="hidden" value=""/>
<input name="image_top" id="image_top" type="hidden" value=""/>
<input name="image_left" id="image_left" type="hidden" value=""/>
<input name="image_width" id="image_width" type="hidden" value=""/>
<input name="image_basewidth" id="image_basewidth" type="hidden" value=""/>
</li>
</ul>
<input id="submit_button" name="submit" type="submit" value="Submit">
</form>
<br><br>
<?php
if(isset($_POST["submit"]))
{
echo "<b>Your Link :</b>".$_POST["link"].'<br>';
echo "<b>Description :</b>".$_POST["description"].'<br>';
$target_dir = "uploads/";  // رفع الصور إلى مجلد
$target_file = $target_dir . basename($_FILES["image"]["name"]);
echo "<b>Picture :</b>".$target_dir.$_FILES["image"]["name"].'<br><img border="0" src="'.$target_dir.$_FILES["image"]["name"].'"><br>';
}
?>
</body>
</html>

21-06-2017 03:35 صباحا
مشاهدة مشاركة منفردة [6]
BilalBilal
عضـو مشارك
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 21-06-2017
رقم العضوية : 7314
المشاركات : 37
الجنس : ذكر
تاريخ الميلاد : 25-11-1977
قوة السمعة : 0
اصدار المنتدى : غير محدد
 offline 
look/images/icons/i1.gif اريد عمل صفحة لدمج رابط مع صورة
للاسف اخى ظهر معى هذا

RSzxHK
لو تلاحظ بحولنى لصفحة اخرى فى لسان جديد فاضى وانا عاوز
الرابط المدموج يظهر فى تكست بوكس اخر بنفس الصفحة
اعذرنى فأنا جديد


تم تحرير المشاركة بواسطة :BilalBilal
بتاريخ:21-06-2017 03:37 صباحا



الصفحة 1 من 4 < 1 2 3 4 > الأخيرة »

المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
توافق صفحة تسجيل العضوية للأستايلات عبدالاله الهذلي
0 0 عبدالاله الهذلي
مشكلة صفحة Error 404 مكلاوي
3 127 مكلاوي
اريد حذف الابتسامات و الايقونات من صفحة اضافة موضوع cherire
4 586 amiraboahmed
كيف نحل مشكلة صفحة تسجيل الدخول وانتهاك سياسات ادسنس Yasser Elaraby
18 473 kareem
مشكل الصفحة غير موجودة Viooz
1 159 Viooz

الكلمات الدلالية
رابط ، صورة ، صفحة ، لدمج ، اريد ،







الساعة الآن 11:29 مساء