This is probably not the best method but...
Graphics intended independently of header and footer
This is based on the image the OP posted in an answer (now deleted). It does not 'count' the additional graphics as part of the actual header or footer. Instead, it places them behind the page using tikz. If the configuration is desired on every page, you can use background or eso-pic or similar to facilitate this (as Harish Kumar pointed out in a comment). However, I tend to use wallpaper because I can actually get that to work whereas I've never succeeded with background despite it looking really nice. (I can use it for simple things but not for complex content which is really where it should shine - and surely does, if you know its tricks.)

In the code below, you can adjust the lengths and widths and configure the page layout to suit. In particular, I've exaggerated the difference in thickness of the lines at the top so that they show up in the images posted here. You may wish to adjust accordingly.
\documentclass{article}
\usepackage[rgb]{xcolor}
\definecolor{olive}{rgb}{.4,.7,.2}
\definecolor{burntorange}{rgb}{.8,.4,.1}
\usepackage{tikz}
\usetikzlibrary{positioning,calc}
\newlength{\mytop}
\setlength{\mytop}{96pt}% based on geometry's defaults
\newlength{\mybot}
\setlength{\mybot}{142pt}% based on geometry's defaults
\usepackage[ignoreall, top=\mytop, bottom=\mybot]{geometry}
\begin{document}
\begin{tikzpicture}
[remember picture,
overlay,
outer sep=0pt,
inner sep=0pt,
node distance=0pt,
font=\sffamily,
]
\node (topline) [xshift=15mm, yshift=5mm, fill=olive, minimum width=2mm, minimum height=20mm] at ($(current page.north east) - (\oddsidemargin+\marginparwidth+\marginparsep,\mytop)$) {};
\node (bottomhead) at ($(topline.south) - (0,20mm)$) {};
\path [draw, ultra thick, color=olive] (topline.south) -- (bottomhead);
\node (leftheadertxt) [xshift=-1.5mm, left=of topline.north west, color=burntorange, minimum width=20mm, rotate=90, align=center] {\tiny DSDGDGDGD};
\node (rightheadertxt) [xshift=1.5mm, right=of bottomhead, color=burntorange, rotate=90, align=left] {\tiny DDDFGH};
\path [draw, line width=.75mm] ($(current page.south east) - (\oddsidemargin+\marginparwidth+\marginparsep+10mm,-\mybot+\footskip-5mm)$) node (leftfoot) {} -- +(30mm,0) node (rightfoot) {};
\node (rightfootertxt) [align=right, yshift=-2mm, left=of rightfoot.west] {\tiny Ghshshg};
\end{tikzpicture}
Some text.
\end{document}
If you would like the image on every page, I would save the following as mygraphics.tex and use it to generate mygraphics.pdf:
\documentclass{article}
\usepackage[rgb]{xcolor}
\definecolor{olive}{rgb}{.4,.7,.2}
\definecolor{burntorange}{rgb}{.8,.4,.1}
\usepackage{tikz}
\usetikzlibrary{positioning,calc}
\newlength{\mytop}
\setlength{\mytop}{96pt}% based on geometry's defaults
\newlength{\mybot}
\setlength{\mybot}{142pt}% based on geometry's defaults
\usepackage[ignoreall, top=\mytop, bottom=\mybot]{geometry}
\pagestyle{empty}
\begin{document}
\begin{tikzpicture}
[remember picture,
overlay,
outer sep=0pt,
inner sep=0pt,
node distance=0pt,
font=\sffamily,
]
\node (topline) [xshift=15mm, yshift=5mm, fill=olive, minimum width=2mm, minimum height=20mm] at ($(current page.north east) - (\oddsidemargin+\marginparwidth+\marginparsep,\mytop)$) {};
\node (bottomhead) at ($(topline.south) - (0,20mm)$) {};
\path [draw, ultra thick, color=olive] (topline.south) -- (bottomhead);
\node (leftheadertxt) [xshift=-1.5mm, left=of topline.north west, color=burntorange, minimum width=20mm, rotate=90, align=center] {\tiny DSDGDGDGD};
\node (rightheadertxt) [xshift=1.5mm, right=of bottomhead, color=burntorange, rotate=90, align=left] {\tiny DDDFGH};
\path [draw, line width=.75mm] ($(current page.south east) - (\oddsidemargin+\marginparwidth+\marginparsep+10mm,-\mybot+\footskip-5mm)$) node (leftfoot) {} -- +(30mm,0) node (rightfoot) {};
\node (rightfootertxt) [align=right, yshift=-2mm, left=of rightfoot.west] {\tiny Ghshshg};
\end{tikzpicture}
\end{document}
Then I would simply include it using graphicx and wallpaper:
\documentclass{article}
\newlength{\mytop}
\setlength{\mytop}{96pt}% based on geometry's defaults
\newlength{\mybot}
\setlength{\mybot}{142pt}% based on geometry's defaults
\usepackage[ignoreall, top=\mytop, bottom=\mybot]{geometry}
\usepackage{wallpaper,graphicx}
\begin{document}
\CenterWallPaper{1}{mygraphics}
Some text.\clearpage Some more text.
\end{document}

Graphics intended as (part of) actual header and footer

\documentclass{article}
\usepackage[rgb]{xcolor}
\definecolor{olive}{rgb}{.4,.7,.2}
\definecolor{burntorange}{rgb}{.8,.4,.1}
\usepackage{tikz}
\usetikzlibrary{positioning,calc}
\usepackage[headheight=45mm,includehead]{geometry}
\usepackage{fancyhdr}
\pagestyle{fancy}
\fancyhf{}
\renewcommand{\headrulewidth}{0pt}
\fancyhf[cf]{\thepage}
\fancyhf[rh]{%
\begin{tikzpicture}
[
outer sep=0pt,
inner sep=0pt,
node distance=0pt,
font=\sffamily,
]
\node (topline) [fill=olive, minimum width=1mm, minimum height=20mm] {};
\node (bottomhead) at ($(topline.south) - (0,20mm)$) {};
\path [draw, ultra thick, color=olive] (topline.south) -- (bottomhead);
\node (leftheadertxt) [xshift=-1.5mm, left=of topline.north west, color=burntorange, minimum width=20mm, rotate=90, align=center] {\tiny DSDGDGDGD};
\node (rightheadertxt) [xshift=1.5mm, right=of bottomhead, color=burntorange, rotate=90, align=left] {\tiny DDDFGH};
\end{tikzpicture}}
\fancyhf[rf]{%
\begin{tikzpicture}
[
outer sep=0pt,
inner sep=0pt,
node distance=0pt,
font=\sffamily,
]
\path [draw, ultra thick] (0,0) -- (30mm,0);
\node (botright) at (30mm,0) {};
\node (rightfootertxt) [align=right, yshift=-1.5mm, left=of botright.west] {\tiny Ghshshg};
\end{tikzpicture}
}
\begin{document}
Some text.
\end{document}
Obviously you would need to adjust the lengths and sizing to suit.