logo

أهلا وسهلا بك زائرنا الكريم في PBBoard Community Forum، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

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

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




موضوع مغلق

الصفحة 2 من 3 < 1 2 3 >


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

look/images/icons/i1.gif اريد عمل صفحة لدمج رابط مع صورة
  21-06-2017 01:09 صباحاً   [1]
معلومات الكاتب ▼
تاريخ الإنضمام : 18-07-2009
رقم العضوية : 1
المشاركات : 12273
الدولة : KSA
الجنس :
الدعوات : 51
قوة السمعة : 72276
موقعي : زيارة موقعي
وعليكم السلام ورحمة الله وبركاته ،،
هل لديك مثال حي للطريقة التي تريدها
يفضل ان تضع رابط الموقع مطبق نفس الطريقة او صورة

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

https://fblinker.com/

look/images/icons/i1.gif اريد عمل صفحة لدمج رابط مع صورة
  21-06-2017 01:59 صباحاً   [3]
معلومات الكاتب ▼
تاريخ الإنضمام : 18-07-2009
رقم العضوية : 1
المشاركات : 12273
الدولة : KSA
الجنس :
الدعوات : 51
قوة السمعة : 72276
موقعي : زيارة موقعي
تفضل
CODE
<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>

look/images/icons/i1.gif اريد عمل صفحة لدمج رابط مع صورة
  21-06-2017 02:41 صباحاً   [4]
معلومات الكاتب ▼
تاريخ الإنضمام : 21-06-2017
رقم العضوية : 7314
المشاركات : 42
الجنس :
تاريخ الميلاد : 25-11-1977
قوة السمعة : 0
المشاركة الأصلية كتبت بواسطة: Soliman تفضل
CODE
<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 صباحاً


look/images/icons/i1.gif اريد عمل صفحة لدمج رابط مع صورة
  21-06-2017 03:24 صباحاً   [5]
معلومات الكاتب ▼
تاريخ الإنضمام : 18-07-2009
رقم العضوية : 1
المشاركات : 12273
الدولة : KSA
الجنس :
الدعوات : 51
قوة السمعة : 72276
موقعي : زيارة موقعي
إذا تقصد زر Submit ارسال النموذج
فابحث عن
CODE
​</form>

وضع قبلها هذا الكود
CODE
​<input id="submit_button" type="submit" value="Submit">


وهنا الكود الكامل مع استقبال المدخلات وعرضها من خلال php
CODE
<!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>

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

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


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


look/images/icons/i1.gif اريد عمل صفحة لدمج رابط مع صورة
  21-06-2017 06:19 صباحاً   [7]
معلومات الكاتب ▼
تاريخ الإنضمام : 18-07-2009
رقم العضوية : 1
المشاركات : 12273
الدولة : KSA
الجنس :
الدعوات : 51
قوة السمعة : 72276
موقعي : زيارة موقعي
تقصد بالأجاكس
تفضل نموذج يتكون من ثلاث حقول من ضمنها رفع صورة
جاهز للإرسال POST في PHP واستقبال النتيجة بدون تحديث الصفحة باستعمال الأجاكس
بالمرفقات
 
 
  blaal.zip   تحميل zip مرات التحميل :(3)
الحجم :(3.293) KB


look/images/icons/i1.gif اريد عمل صفحة لدمج رابط مع صورة
  21-06-2017 02:00 مساءً   [8]
معلومات الكاتب ▼
تاريخ الإنضمام : 21-06-2017
رقم العضوية : 7314
المشاركات : 42
الجنس :
تاريخ الميلاد : 25-11-1977
قوة السمعة : 0
المشاركة الأصلية كتبت بواسطة: Soliman تقصد بالأجاكس
تفضل نموذج يتكون من ثلاث حقول من ضمنها رفع صورة
جاهز للإرسال POST في PHP واستقبال النتيجة بدون تحديث الصفحة باستعمال الأجاكس
بالمرفقات
حقيقة انت راجل محترم وانسان خلوق رغم انى لا اعرفك وأول مرة اتحدث معك واطلب طلب....
المرفق جميل ماشاء الله لكن يبدو ان حضرتك لم تفهم مقصدى رغم توضيحى..
حضرتك استقبال النتيجة يأتى لى بما أدرجته داخل الخانات يعنى ياتى بالنتيجة كالأتى

frq6Wz
وانا اريد الناتج يأتى مدموج به الرابط ورابط الصورة والوصف فى رابط واحد فقط وهو رابط الصورة
اللى هاحطها فى الموضوع تماما مثل هذا الموضوع أو قل هذه الصورة التى فى الموضوع
فهى بها رابط داخل الصورة

https://www.facebook.com/gmeamshaklek/posts/204137600091828


انا اسف اخى لكم من فضلك تحملنى لان فعلا أحتاج لهذا الموضوع جدا


تم تحرير المشاركة بواسطة :BilalBilal بتاريخ:21-06-2017 02:07 مساءً


الصفحة 2 من 3 < 1 2 3 >



المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
حل مشكل الصفحة الرئيسية للمندى لا تعمل وعدم ضهور لوحة تحكم الادارة sami5
2 47 sami5
الصفحة الرئيسية للمندى لا تعمل abudunia
3 42 Soliman
صفحة مستقلة بنفس استايل المنتدى Yasser Elaraby
5 99 Soliman
اضافة زر لإدراج إطار iframe لعرض صفحة ويب في المواضيع للنسخة 3.0.4 Soliman
2 39 بوزاري
لدي رمز غوغل ادسنس لم اجد صفحة HTML المناسبة لوضع كود التحقق في نسختكم الجميلة 3.04 بوزاري
13 93 بوزاري

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









الساعة الآن 04:18 AM