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

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

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


موضوع مغلق

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


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

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

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

https://fblinker.com/

look/images/icons/i1.gif اريد عمل صفحة لدمج رابط مع صورة
  21-06-2017 01:59 صباحاً   [3]
معلومات الكاتب ▼
انضم في : 18-07-2009
رقم العضوية : 1
المشاركات : 12,607
الدولة : KSA
الجنس :
الدعوات : 52
قوة السمعة : 74,256
موقعي : زيارة موقعي
تفضل
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
رقم العضوية : 7,314
المشاركات : 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
المشاركات : 12,607
الدولة : KSA
الجنس :
الدعوات : 52
قوة السمعة : 74,256
موقعي : زيارة موقعي
إذا تقصد زر 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
رقم العضوية : 7,314
المشاركات : 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
المشاركات : 12,607
الدولة : KSA
الجنس :
الدعوات : 52
قوة السمعة : 74,256
موقعي : زيارة موقعي
تقصد بالأجاكس
تفضل نموذج يتكون من ثلاث حقول من ضمنها رفع صورة
جاهز للإرسال POST في PHP واستقبال النتيجة بدون تحديث الصفحة باستعمال الأجاكس
بالمرفقات
 
 
  blaal.zip   تحميل zip مرات التحميل :(3)
الحجم :(3.293) KB


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

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

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


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


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


look/images/icons/i1.gif اريد عمل صفحة لدمج رابط مع صورة
  21-06-2017 07:24 مساءً   [9]
معلومات الكاتب ▼
انضم في : 18-07-2009
رقم العضوية : 1
المشاركات : 12,607
الدولة : KSA
الجنس :
الدعوات : 52
قوة السمعة : 74,256
موقعي : زيارة موقعي
تفضل التعديل الذي طلبته
 
 
  bla2al.zip   تحميل zip مرات التحميل :(2)
الحجم :(3.334) KB


look/images/icons/i1.gif اريد عمل صفحة لدمج رابط مع صورة
  21-06-2017 09:12 مساءً   [10]
معلومات الكاتب ▼
انضم في : 21-06-2017
رقم العضوية : 7,314
المشاركات : 42
الجنس :
تاريخ الميلاد : 25-11-1977
قوة السمعة : 0
المشاركة الأصلية كتبت بواسطة: Soliman تفضل التعديل الذي طلبته
هو كدة تمام ربنا يعزك لكن لما بضغط على الصورة لا يتجهه الى الموقع المراد الذهاب اليه فقط بيظهر صفحة فارغة
انظر للصور لتعرف مقصدى


Mz23DM

3WXH6H
طبعا ماكنتش عاوز الموضوع يطول كى لا تنزعج منى لكن والله الموضوع ضرورى لى جدا فاعتذر لك

look/images/icons/i1.gif اريد عمل صفحة لدمج رابط مع صورة
  21-06-2017 11:34 مساءً   [11]
معلومات الكاتب ▼
انضم في : 18-07-2009
رقم العضوية : 1
المشاركات : 12,607
الدولة : KSA
الجنس :
الدعوات : 52
قوة السمعة : 74,256
موقعي : زيارة موقعي
تفضل
 
 
  blaa3l.zip   تحميل zip مرات التحميل :(4)
الحجم :(3.354) KB


look/images/icons/i1.gif اريد عمل صفحة لدمج رابط مع صورة
  21-06-2017 11:51 مساءً   [12]
معلومات الكاتب ▼
انضم في : 21-06-2017
رقم العضوية : 7,314
المشاركات : 42
الجنس :
تاريخ الميلاد : 25-11-1977
قوة السمعة : 0
المشاركة الأصلية كتبت بواسطة: Soliman تفضل

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

ZWHU8w

BrrTun



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


look/images/icons/i1.gif اريد عمل صفحة لدمج رابط مع صورة
  22-06-2017 12:27 صباحاً   [13]
معلومات الكاتب ▼
انضم في : 18-07-2009
رقم العضوية : 1
المشاركات : 12,607
الدولة : KSA
الجنس :
الدعوات : 52
قوة السمعة : 74,256
موقعي : زيارة موقعي
هل ماتريده من هذه الطريقة هو نشر هذه المدخلات على الفيسبوك كمشاركة زي طريقة موقع fblinker.com


تم تحرير المشاركة بواسطة :Soliman بتاريخ:22-06-2017 12:32 صباحاً


look/images/icons/i1.gif اريد عمل صفحة لدمج رابط مع صورة
  22-06-2017 12:43 صباحاً   [14]
معلومات الكاتب ▼
انضم في : 21-06-2017
رقم العضوية : 7,314
المشاركات : 42
الجنس :
تاريخ الميلاد : 25-11-1977
قوة السمعة : 0
المشاركة الأصلية كتبت بواسطة: Soliman هل ماتريده من هذه الطريقة هو نشر هذه المدخلات على الفيسبوك كمشاركة زي موقع fblinker.com
انا لدى برنامج نشر على مجموعات الفيس بوك وأوقات بنشر روابط مختصرة كما فى الصورة السابقة
لكن يظهر فى الموضوع صورة موقع الاختصار وانا اريد الصورة التى اصممها انا وارفعها هى التى تظهر
حتى يكون شكل المنشور جيد وبمجرد ان يضغط العضو على الصورة يتم الانتقال به الى موقع اختصار الروابط مثل هذا الموقع اخى https://picsee.co/ بمجرد ان تضع الرابط ينقلك الى صفجة اخرى لترفع الصورة وتكتب اسم اللينك والوصف ثم يعطيك فى النهاية رابط للصورة لكن مدموج بها رابط الموقع الذى أدرجته فى البداية وحينما تدرج الرابط فى الفيس بوك يظهر لك الصورة لكن بداخلها الوصف واسم اللينك واللينك نفسه مثل هذه اخى فلو حضرتك ركزت فى الصورة ستعرف مقصدى https://www.facebook.com/gmeamshaklek/posts/166711380501117


تم تحرير المشاركة بواسطة :BilalBilal بتاريخ:22-06-2017 12:46 صباحاً


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



المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
سؤال حول الصفحة الرئيسية tunisiano111
5 218 Soliman
تغيير عدد المواضيع بصفحة تغذية المنتدى Alashkar
3 98 Soliman
صفحة بيضاء بعد تركيب المنتدى الادارة تعمل و الصفحة الرئيسية لا تعمل bstar7
1 169 bstar7
وصلتني رسالة من Search Console نسخة طبق الأصل اختار محرك بحث Google صفحة أساسية غير اختيار المستخدم جنرال الحب
7 208 Soliman
كيف يتم منع أرشفة صفحة الأعضاء من خلال robots.txt newghanou
2 141 newghanou

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









الساعة الآن 11:08 AM