A PHP Error was encountered

Severity: Notice

Message: Undefined variable: staticTitle

Filename: views/header.php

Line Number: 16

Backtrace:

File: /home/spfoundationbd/public_html/application/views/header.php
Line: 16
Function: _error_handler

File: /home/spfoundationbd/public_html/application/controllers/BlogController.php
Line: 86
Function: view

File: /home/spfoundationbd/public_html/index.php
Line: 315
Function: require_once

PHP & Website Design, Development Tutorials | SP Foundation

Post Search

CSS

How to learn CSS লেয়ার tutorials | SP Foundationbd

এবার আমরা দেখবো  লেয়ার ব্যবহার করার মাধ্যমে কোন element  টি উপরে দেখাবে, যা সিএসএস লেয়ার এর মাধ্যমে আমরা নিয়ন্ত্রন করতে পারি।  সিএসএস এ প্রত্যেক এলিমেন্ট কে priority দেয়া হয়ে  থাকে। যদি দুটি  overlapping      CSS positioned         elements  থাকে, তাহলে যার priority বেশি তাকে আগে উপরে দেখাবে।

Priority নির্ধারন করতে আমরা z-index value সেট করে থাকি ।যার z-index value যত বেশি তার priority  তত বেশি।

01.h4{

02.position: relative;

03.top: 30px;

04.left: 50px;

05.z-index: 2;

06.background-color: #336699;

07.}

  1.  
  2.  < ..... ..... ......

CSS

How to learn সিএসএস পজিশন | SP Foundation

css এ পজিশনিং খুব গুরত্বপূর্ন একটি বিষয়। পরিষ্কার ধারনা না থাকলে অনেক কাজে গিয়ে আটকা পরে যাবে। বিশেষ করে পেজের অপ্রত্যাশিত কোন জায়গায় কোন ছবি ইত্যাদি বসাতে হলে, একটা div বা এলিমেন্টের উপর আরেকটা div বা element নিতে হলে ইত্যাদি।

৪ ধরনের position আছে

static

By default position:static; থাকে, এটার অর্থ হচ্ছে কোন পজিশনিং করা নেই। ডকুমেন্টের কোডের কারনে element টি যেখানে আঝে পেজেও সেখানে দেখাবে।

 

relative

এটাও static এর মতই কিন্তু এখানে top, left, bottom, right এবং z-index ব্যবহার করে element কে তার অবস্থা ..... ..... ......

CSS

How to learn সিএসএস প্রোপার্টিজ | SP Foundationbd

HTML এ তার tag ( <b>, <body>, <a>, ইত্যাদি) গুলো হল Html language এর গোসত এবং আলু । css এ আপনারা tutorial পড়ার সময় অনেক গুলো property ( Font, Text, Box, Color ইত্যাদি) লক্ষ্য করেছেন ।নিচে আলোচনা করা হলো।

সিএসএস ফন্ট প্রোপার্টিজ:

css font প্রোপার্টিজ এর সাহায্যে এর টেক্সট এর  graphical representation কে নিয়ন্ত্রন করা যায়।

নিচে css ফন্ট property  গুলো দেয়া হলো ।

  • font
  • font-family
  • font-size
  • font-style
  • font-weight
  • font-variant

css টেক্সট প্রোপার্টিজ:

সিএসএস টেক্সট প্রোপার্টিজ যা টেক্সট এর spacing, alignment, decoration ইত্যাদি বিষয়গুলো নিয়ন ..... ..... ......

HTML

How to learn HTML Filed | SP Foundationbd

টেক্সট ফিল্ড
টেক্সট ফিল্ড একটা ফর্ম এলিমেন্টে তাই এখানে যত উদাহরন দেব সব <form></form> এর ভিতর রাখতে হবে।
টেক্সক্ট ফিল্ড আগের টিউোটোরিয়ালটিতে দেখালাম। খুব সহজ
<input type="text" name="address"/>
প্রদর্শন:

type এবং name Attribute নিয়ে আগের টিউটোরিয়ালেই আছে। এখানে আরও নতুন কিছু গুরত্বপূর্ন এট্রিবিউট নিয়ে আলোচনা করি।

** পাসওয়ার্ড ফিল্ড তৈরীতে শুধু type="password" দিলেই হয়ে গেল।

maxlength এট্রিবিউট দিয়ে ফিল্ডে সর্বোচ্চ কতটি অক্ষর লিখতে পারবে সেটা নির্দিষ্ট করে দেয়া যায়। যেমন:
<input type="text" ..... ..... ......

HTML

How to file আপলোড (Upload) | SP Foundationbd

ফর্মে যদি ছবি বা যেকোন ফাইল আপলোডের সুবিধা রাখতে চান তাহলে আগে ফর্মকে আপলোডের উপযোগী করতে হবে। এরপর input এলিমেন্টের type এট্রিবিউটের মান file দিলেই কাজ হয়ে গেল।

একটা Upload Form

<form action="create.php" method="post" enctype="multipart/formdata">

<input type="file" name="user_file" />

</form>

File upload করতে চাইলে form এ এই enctype="multipart/formdata" এট্রিবিউটটি দিতেই হবে। আর input এর type="file" দিতে হয়।

disabled, readonly এট্রিবিউট ব্যবহার করতে পারে এগুলি আগের টিউটোরিয়ালে আলোচনা হয়েছে।

hidden field

====================

input ফিল্ড লুকিয়ে রাখা যায়। ফলে ব্রাউজারের ফর ..... ..... ......

HTML

How to learn ফর্ম (Form) in HTML | SP Foundationbd

সাইটের ভিজিটরদের তথ্য নেয়ার জন্য form ব্যবহার হয়। এজন্য HTML এ <form></form> এলিমেন্ট আছে এবং এর ভিতর নানান ধরনের ফর্ম সংক্রান্ত element ব্যবহার করে চমৎকার form বানানো যায়। তবে form পুরন করে user যখন submit করবে তখন সার্ভার সাইড language যেমন php, পাইথন, ASP ইত্যাদি ব্যবহার করে process করতে হয় এমনকি প্রসেসের পর ডেটাবেস ব্যবহার করে সেভ করেও রাখা যায়। যাইহোক html form element দিয়ে শুধু form টি তৈরী করা হয়। একটা সাধারন ফর্ম

<form action="processor.php" method="post">

<input type="text" name="first_name" />

<input type="text" name="last_name" />

<input type="submit"& ..... ..... ......

Codeigniter

Codeigniter session ম্যানেজমেন্ট (Session Management CodeIgniter) - সেশন ড্রাইভার part two

কোডইগনাইটারের session লাইব্রেরীর ধরনের ড্রাইভার বা স্টোরেজ সিস্টেম আছে যেখানে CI session data রাখে। বাই ডিফল্ট কোডইগনাইটার ফাইল ড্রাইভার ব্যবহার করে। আপনি চাইলে config.php ফাইল থেকে এটা পরিবর্তন করতে পারেন $config['sess_driver'] লাইন দিয়ে। file ছাড়া ..... ..... ......

Codeigniter

Codeigniter সেশন Management (Session Management CodeIgniter) part one

কোডইগনাইটারের বর্তমান ভার্সনে সেশন library টি সম্পূর্ন নতুন করে লেখা হয়েছে। আগের library তে bug ছিল। যাইহোক আপনার এপ্লিকেশনে সেশন ব্যবহার করতে চাইলে আগে library টি আগে লোড করতে হবে। যেকোন library কিভাবে load করে তা আগের tutorial গুলিতে অনেকবার দেখ ..... ..... ......

CSS

How to learn সিএসএস কার্সর | SP Foundation

যেকোন link বা লেখার উপরে Mouse নিয়ে গেলে সাধারনত হাতের চিহ্ন বা তীর চেহ্ন ইত্যাদি দেখায়। css দিয়ে এই চিহ্ন পরিবর্তন করা যায়।cursor নামের একটি প্রোপার্টিজ আছে সেটা দিয়ে পরিবর্তন করা যায়, cursor এর অনেকগুলি মান আছে যেমন

01.a.one{

  1. 03.cursor : wait;
  2. 05.}
  3. 07.a.two{
  4. 09.cursor: crosshair;
  5. 11.}
  6. 13.p.three{
  7. 15.cursor: help;
  8. 17.}
  9. 19.a.four{
  10. 21.cursor: pointer;
  11. 23.}
  12. 25.p.five{
  13. 27.cursor: text;
  14. 29.}

30.p.six{

  1. 32.cursor: none;
  2. 34.}

35.p.seven{

  1. 37.cursor: context-menu;
  2. 39.}

40.p.eight{

  1. 42.cursor: cell;
  2. 44.}

45.p.nine{

  1. 47.cursor: vertical-text;
  2. 49.}

50.p.ten{

  1. 52. ..... ..... ......

HTML

How to learn কোড ও প্রি ট্যাগ in Html | SP Foundationbd

code tag এর মাধ্যমে আপনার text কে computer code এর মত করে লেখতে পারেন। এটা সাধারন ভাবে text এর  font face, size, এবং letter spacing পরিবর্তন করতে পারে।

This text has been formatted to be computer <code>code</code>!

প্রদর্শন: Computer Code

This text has been formatted to be computer code!

Use this tag to separate any computer code you wish to display on your website. It is not always necessary, but the tag exists if you so desire.

HTML - Code Links

পৃথক link হিসাবে আপনার web page এ দেখাতে পারেন।

<p>Feel free to search <a href="http://www.google.com" target="_blank">

<code>Google</code>

</a> for

anything you wish to find on the internet.</p>

 প্রদর্শন: Code Links: ..... ..... ......